程序员怎么入门设计？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

设计师推荐装备

› WACOM 数位板

推荐阅读

› 版式设计基础教程 by 南云治嘉

› 版式设计全攻略 by 佐佐木刚士

这是一个创建于 1932 天前的主题，其中的信息可能已经有所发展或是发生改变。

楼主是程序员，最早是做大数据的，后面转到后台 Java，然后最近一年开始自学 flutter，js，开始做桌面，app 开发。

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

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

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

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

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

请各位设计师大大指条明路。

第 1 条附言 · 2019-08-08 13:56:50 +08:00

呵呵，问出了大家一直想问而没有问的问题😆

入门

App

楼主

程序员

48 条回复 • 2019-10-11 16:01:54 +08:00

gz911122

2019-08-08 10:43:01 +08:00

前排学习一哈

aneureka

2019-08-08 10:58:17 +08:00 via Android

我也是做后端居多，基本没做过前端，然后跟楼主差不多，也是想自己做一个独立的网站和 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 via Android

@vsitebon 好的，我的产品出来了，一定第 1 个艾特你试用。

chezs66

2019-08-08 12:58:36 +08:00

@aneureka 站点做的挺好看的，就是底部有个灰边不知道是什么设计思路？。。。

aneureka

2019-08-08 13:10:45 +08:00 via Android

@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 via Android

@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 via iPhone

好问题，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 里）
现在因为工作忙，只能偶尔抽空看下慕课网学点基础的知识，但是感觉讲的有的东西很跳跃，缺少一些对程序设计思想上的锻炼以及比较系统性的理论知识。
因为原来公司有个比我小一岁的程序员触类旁通各种语言稍微看下都能开始着手编码然后解决实际的问题，可能整个语言并不一定都会了，但是能用一个自己不会的语言随便写写。我感觉非常牛逼~和羡慕。（他刚毕业后来我司一年半就去腾讯了）

yyh0808

2019-08-08 16:20:44 +08:00

设计在研究代码，开发在研究设计，，搞个互助群吧，哈哈哈，，不知道最后是不是互抢饭碗么
可以先弄清楚什么是设计？作为设计师，入门并不是那些交互书，而是看设计相关的纪录片，看看设计大师怎么做设计的，设计毕竟是解决一种诉求，app 设计从工业设计发展而来，苹果设计 app 的思路很多都是偏向工业设计，可以理解一下别人做设计如何考虑易用性问题的人机交互，一句话不好总结。
设计的不好看，大概是因为看的不够多，审美上去了，就知道什么不好，什么好。欧洲人日常生活经常能看到大师绘画雕塑建筑作品，对美有极致追求，所以审美高么。

vsitebon

2019-08-08 16:43:59 +08:00

@ohooooo
设计转前端最大的问题是解决如何把脑子里的想法给逻辑化（代码化）的问题；
实际上，在你设计的流程中，你会发现，不管是点击一个按钮以后出现的动态效果，还是往下拉网页时，页面元素的更替；在你的 sketch 或者 adobe XD 可以轻易地实现的效果，可能需要用起码十行乃至二十行代码才可以实现。
所以对于先搞设计后搞前端的人，我首先建议是彻底搞懂 CSS 以及 JS。
其中 CSS 其实已经可以实现很多很好看的设计效果（不一定是动态的），
举例： https://cssfx.dev/
-------
但是这个还只是前端基础。根据你提到的问题，我检索到的一些方案以及根据我之前的经验，建议有以下三项：
1、继续精进 JS 的学习，并且同时学习数据结构，我找到一个比较好的 Roadmap 是：
https://github.com/goodjack/developer-roadmap-chinese
根据这个的前端开发的学习路线走是没有问题的。
2、根据我之前的经验，在精进 JS 以后开始使用框架学习如何模仿一个成功的网站。模仿以后再回看软件设计上的理论，然后你才会对某些理念有更深的意识。
3、在你精进前端的学习以后，然后你就可以开始尝试学习后端的基础，其中相对比较简单而且教程多的有 Java。
-------
当然回到问题，你现在需要做的还是按部就班地学习计算机相关知识，至少你要挑其中一个方向入门以后，你自然就可以开始使用这个方向的延伸知识进行创作。
大多数常见的语言的差别在于特性，内功是一致的——例如算法，例如各种基本的循环结构，if-else 结构。所以当你精进某一门面向对象的语言后，你对其它的面向对象的语言自然可以比较简单上手。
-------
以上是我不成熟的建议，仅是抛砖引玉。