程序员怎么入门设计?

2019-08-08 10:42:05 +08:00
 yuankui
楼主是程序员,最早是做大数据的,后面转到后台 Java,然后最近一年开始自学 flutter,js,开始做桌面,app 开发。

楼主想自己做些独立 app (桌面,移动),希望以后能靠独立的双手把自己养活,也希望日子过得自由些。

但是苦于不会交互设计,只能在网上找各种现成的 app,以及 dribbble 和 uplabs 上面找一些原型做些参考,寻找灵感。

但是一到离开这些,自己做的界面就是惨不忍睹。

苦于这是个长期的事,所以想慢慢入门产品交互设计,请问怎么入门?

需要看哪些书吗?练习绘画吗?

请各位设计师大大指条明路。
26636 次点击
所在节点    设计师
48 条回复
gz911122
2019-08-08 10:43:01 +08:00
前排学习一哈
aneureka
2019-08-08 10:58:17 +08:00
我也是做后端居多,基本没做过前端,然后跟楼主差不多,也是想自己做一个独立的网站和 app,建议楼主如果是 mac 用户的话,可以看看 sketch 相关的教程,练一下做个图标,原型啥的,照着做都行。灵感我基本也是看 dribbble,因为确实太好看了… 这个是我到现在唯二做的成的小东西… https://tokindle.top 没什么设计,但自己觉得挺简洁的了…
vsitebon
2019-08-08 11:06:55 +08:00
https://github.com/togiberlin/ui-ux-designer-roadmap
这个可以作为学习路线
掌握一些基本的交互设计思想,可以看 Donald A. Norman 的《 The Design of Everyday Things 》(有中文版),让你从自身体验思考交互设计。微软的 UX 设计师 Bill Buxton 的《 Sketching User Experiences 》(有中文版)。《 The Inmates Are Running the Asylum 》(有中文版,交互设计之路,经典之作)。这三本是让你入门到体会到基本的 UX 设计的核心理念,以人为本。
然后就可以开始看《 Observing the User Experience 》,开始从用户的角度看待自己的设计。
适度的绘画学习以及美感锻炼有利于选择元素的时候,不会容易出错。而且可以开始自己制作 UI。
好的 UX 脱离不了好的 UI。
以下是我之前在别的帖子的回复:
------
Dribble 和 Behance 可以多上去参考一下,你输入关键词,就可以找到你这个类别的一些别人设计的 UI
Colorhunt 和 AdobeColor 可以找到你需要的配色
Ello 可以让你找到一些设计上的观点
UIgradients 可以让你轻松生成一些渐变色的素材
然后就是原型设计 选择 Adobe XD 或者 Azure 足矣
------
再接下来就是将你内心的一些想法用以上发现的一些设计原则设计出来,例如字号与总体的比例等。
其实这里 Google & Microsoft & Apple 都给出了自己的设计规范,其中 Microsoft 的 Fluent Design 的设计感是最舒服的,但是 Apple 的 Dark Mode 设计感又是最强的。

而你如果真的不知道什么设计会舒服,那你可以去各种设计师论坛,或付费或免费发问,然后总结自己的经验。

PS: B 站上有很多相关的设计教程
-----
三本看过的优秀的产品书籍:《简约至上》《启示录》《用户体验要素》
推荐了解完这些书籍以后,可以去学习一些基础的编程思想,了解一个功能的实现过程,可以减少很多特别难以实现的功能需求。
------
以上涉及了 UI,UX 以及 Product 三个方面,但是这三个方面充分深入以后,才可以得出一个好的产品。加油。
yuankui
2019-08-08 11:14:31 +08:00
@vsitebon 太谢谢了老哥。
vsitebon
2019-08-08 11:22:36 +08:00
@yuankui 不用,希望可以看到你的产品,注意,多出产品,让用户来帮你纠正你的设计理念也是一个好法子
AbnerYoo
2019-08-08 11:30:43 +08:00
看了楼上大佬们的回复,感觉打开了新世界的大门,赞!
moxuanyuan
2019-08-08 11:39:45 +08:00
@vsitebon mark
yuankui
2019-08-08 12:54:37 +08:00
@vsitebon 好的,我的产品出来了,一定第 1 个艾特你试用。
chezs66
2019-08-08 12:58:36 +08:00
@aneureka 站点做的挺好看的,就是底部有个灰边不知道是什么设计思路?。。。
aneureka
2019-08-08 13:10:45 +08:00
@chezs66 哪个灰边呀… 只有一条蓝色的,想着分开内容 233
libook
2019-08-08 13:13:41 +08:00
个人的了解,UX 算是艺术和心理学的交叉学科,所以这两个方面都需要学习和训练,艺术对天赋要求会高一些。
chezs66
2019-08-08 13:30:06 +08:00
@aneureka 看了一下 css,发现 html 的 overflow 配置成 scroll 了,建议换成 auto
aneureka
2019-08-08 13:59:28 +08:00
@chezs66 谢谢,我当时没有看多个浏览器的情况,只看了手机跟 mac 的 chrome,回头就去改~
Cellei
2019-08-08 14:13:02 +08:00
与楼主想法不谋而合,向大佬学习
yuankui
2019-08-08 14:17:15 +08:00
@Cellei 加油
ljw97
2019-08-08 14:22:16 +08:00
好问题,Mark 一下。
no1xsyzy
2019-08-08 14:42:27 +08:00
@aneureka 我都用 calibre 转了为什么不用 calibre 直接推啊(
tianyu94
2019-08-08 15:28:01 +08:00
说除了我的心声,顺便问下 LZ 桌面端用的什么技术栈呀
yuankui
2019-08-08 15:39:44 +08:00
@tianyu94 react+electron.
ohooooo
2019-08-08 16:00:54 +08:00
反向提问。
设计怎么入门程序?
本人设计专业的,毕业后先是做了几年设计,然后自学了些前端的知识 准备转前端的没有转动,后来转成了推广 /运营的岗。目前做运营有些心得,经常有一些脑洞苦于自己没有技术去实现。认识的技术大佬们都不是我一个前途未知的 sideProject 就能请得动的。所以想问问有设计、前端基础的,怎么入门到后端去。(对程序的理解还停留在大学 C 语言和前端中的原生 js 里)
现在因为工作忙,只能偶尔抽空看下慕课网学点基础的知识,但是感觉讲的有的东西很跳跃,缺少一些对程序设计思想上的锻炼以及比较系统性的理论知识。
因为原来公司有个比我小一岁的程序员触类旁通各种语言稍微看下都能开始着手编码然后解决实际的问题,可能整个语言并不一定都会了,但是能用一个自己不会的语言随便写写。我感觉非常牛逼~和羡慕。(他刚毕业后来我司一年半就去腾讯了)

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/590042

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX