程序员怎么入门设计？

[yuankui]

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

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

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

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

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

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

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

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

[gz911122]

前排学习一哈

[aneureka]

我也是做后端居多，基本没做过前端，然后跟楼主差不多，也是想自己做一个独立的网站和 app，建议楼主如果是 mac 用户的话，可以看看 sketch 相关的教程，练一下做个图标，原型啥的，照着做都行。灵感我基本也是看 dribbble，因为确实太好看了… 这个是我到现在唯二做的成的小东西… https://tokindle.top 没什么设计，但自己觉得挺简洁的了…

[vsitebon]

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]

@vsitebon 太谢谢了老哥。

[vsitebon]

@yuankui 不用，希望可以看到你的产品，注意，多出产品，让用户来帮你纠正你的设计理念也是一个好法子

[AbnerYoo]

看了楼上大佬们的回复，感觉打开了新世界的大门，赞！

[moxuanyuan]

@vsitebon mark

[yuankui]

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

[chezs66]

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

[aneureka]

@chezs66 哪个灰边呀… 只有一条蓝色的，想着分开内容 233

[libook]

个人的了解，UX 算是艺术和心理学的交叉学科，所以这两个方面都需要学习和训练，艺术对天赋要求会高一些。

[chezs66]

@aneureka 看了一下 css，发现 html 的 overflow 配置成 scroll 了，建议换成 auto

[aneureka]

@chezs66 谢谢，我当时没有看多个浏览器的情况，只看了手机跟 mac 的 chrome，回头就去改~

[Cellei]

与楼主想法不谋而合，向大佬学习

[yuankui]

@Cellei 加油

[ljw97]

好问题，Mark 一下。

[no1xsyzy]

@aneureka 我都用 calibre 转了为什么不用 calibre 直接推啊（

[tianyu94]

说除了我的心声，顺便问下 LZ 桌面端用的什么技术栈呀

[yuankui]

@tianyu94 react+electron.

[ohooooo]

反向提问。
设计怎么入门程序？
本人设计专业的，毕业后先是做了几年设计，然后自学了些前端的知识 准备转前端的没有转动，后来转成了推广 /运营的岗。目前做运营有些心得，经常有一些脑洞苦于自己没有技术去实现。认识的技术大佬们都不是我一个前途未知的 sideProject 就能请得动的。所以想问问有设计、前端基础的，怎么入门到后端去。（对程序的理解还停留在大学 C 语言和前端中的原生 js 里）
现在因为工作忙，只能偶尔抽空看下慕课网学点基础的知识，但是感觉讲的有的东西很跳跃，缺少一些对程序设计思想上的锻炼以及比较系统性的理论知识。
因为原来公司有个比我小一岁的程序员触类旁通各种语言稍微看下都能开始着手编码然后解决实际的问题，可能整个语言并不一定都会了，但是能用一个自己不会的语言随便写写。我感觉非常牛逼~和羡慕。（他刚毕业后来我司一年半就去腾讯了）

[yyh0808]

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

[vsitebon]

@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 结构。所以当你精进某一门面向对象的语言后，你对其它的面向对象的语言自然可以比较简单上手。
-------
以上是我不成熟的建议，仅是抛砖引玉。

[zthxxx]

之前整理过一个思维导图

https://wiki.zthxxx.me/wiki/%E8%89%BA%E6%9C%AF/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A1/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A1%E5%85%A5%E9%97%A8%E5%AF%BC%E5%9B%BE/

[maplelin]

我觉得培养美感比较重要，会审美的人才能设计出更有美感的东西，反正我自己是做前端的，感觉周围好多后端都是直男审美完全不懂配色什么的

[maplelin]

另外补充下就是身边有个设计朋友的话，不嫌麻烦可以经常拿手上觉得好看的设计原型让他给你指点别人这样设计的思路和出发点是什么，这样比较容易总结一些心得和技巧

[crazytree]

外包给我吧，活好不粘人 2333

[yuankui]

@crazytree 毛主席说了，自己动手，丰衣足食

[yuankui]

@maplelin 没有设计师朋友，只有些泛泛之交，不好得经常麻烦别个

[Junn]

先学会一个工具（ sketch/ai/ps/……随便哪个都可以），达到看到什么都能画出来的地步。
然后就多看别人的设计，思考为什么这么设计，好看在哪里。多用别人的产品，思考为什么这么做，好用在哪里。
一直保持，久而久之自然就入门了。

[yuankui]

@Junn 感觉是门艺术，只可意会不可言传。
心里还是打鼓，不知道自己啥时候能入门。

[easychen]

多年以前做过一个给程序员的产品讲座，其中有讲过一些，或许可以参考下 https://video.tudou.com/v/XMjM2MTIwMDYxMg==.html?spm=a2hzp.8244740.0.0

[yuankui]

@easychen 感谢，中午抽空拜读下~

[charlie21]

嗯软件设计本身就是一门设计，软件设计师。接口设计 过程设计 procedural 设计，该怎么学就怎么学呗

[rbuli]

@aneureka #2 今天回去拿我的吃灰的板子 pw3 试试

[gaigechunfeng]

我也在学，也是在做自己的产品。
反正不追求大胆，稳一点就行，不出错就行。

等我产品做好也发出来给大家看下

[fenx]

主要吧，UI 设计入门时间短，入了后矫正时间长，需要持续的吸收

[jksusu]

泡公司美工

[ohooooo]

@vsitebon 感谢您的建议，对我有很大启发。

[vsitebon]

@ohooooo 不用，期待见到你的作品

[zdb1115]

关注一下

[xiaotuzi]

最近确实也是非常想学设计呢，奈何老是学不会，真他妈的学个锤子🔨，我后端都要超神了，设计还是渣渣🌚

[HiJony]

可以合作哈哈。专人专事，都兼顾反而分散精力其实。

[vsitebon]

最近发现了这条链接，深得我心。
https://learnui.design/blog/4-rules-intuitive-ux.html

[yuankui]

@vsitebon 不错，产品设计 in-action

[vsitebon]

@yuankui 加油，又过去十天了。

[yuankui]

@vsitebon 正在读《设计师要懂心理学》

[12tall]

谢谢楼主，加油啊💪

[OwenG]

大佬加油