界面设计包括哪些细节、如何深入？

转载自知乎：界面设计包括哪些细节、如何深入？

界面设计包括哪些细节、如何深入？

我们常说“细节决定成败”，有些界面会让人觉得不精致，缺细节，而这些细节又包括哪些呢？如何去深入呢？感谢所有回答者。

JJ Ying，About Me：http://jjying.com

知乎用户、刘沛华、diecxters  等人赞同

谢邀，楼上的大师们都从规范和设计方向的细节上说了很多重要的了，我随便写点我能想到的小细节吧：

• 界面元素的对齐，我见过很多同学对齐是永远靠眼睛的。确实在布局的时候经常需要做到视觉上的对齐，而不是机械的对齐，但这不是界面元素可以随意摆放的借口，该对齐的内容需要对齐，有时候只是举手之劳，养成好习惯很重要，有点强迫症也不是坏事情。
• 像素精确，虽然现在的分辨率越来越高，但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化。
• 界面光源的一致性，一致性是个很大的课题，应该能写一篇论文那么长，细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果，那正文就应该避免用深色的文字向上投深色的阴影
• 图标面积的一致性，这也是一个一直难以避免的问题，而且有很多主观成分，最好的方法是设计的时候放到实际屏幕上以较远的距离查看，是不是有哪些会特别轻或特别重，然后再去调整尺寸
• 文案，虽然这不是直接的界面设计元素，但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等
• 别直接使用 Windows 自带宋体/黑体里的英文！！！这个不解释
  
• 谨慎地使用高饱和度颜色、大差别渐变，我们 GUI 设计师总喜欢把自己当做艺术家，即使 GUI 真算艺术那也是限制最大的一门艺术（天朝的电影、电视剧不算。。。），大家大部分情况下遇到的设计场景没有非常大的颜色空间去发挥，所以一些醒目出跳的颜色和渐变使用起来要比较小心，否则很容易产生“俗气”的感觉
• 适当的留白，留白是个很好的东西，尤其是当老板 / 客户 / PM 要求你做一些“大气”的设计时候能成为一个很好的说辞，但是留白同时也很难掌握度，过度的留白有时候会起到反作用，让我们的作品看起来没有细节、内容空洞。就跟那些学画画的同学在电脑上画图经常水平镜像检查画面一样，有时候我也会把做到一半的设计去色、然后反白，看看那时候画面里的黑色会不会产生一种令人恐怖的感觉（好吧，我承认我是个很感性的同学，很多设计思路和方法都不够科学）。。。

想到再写。。。

Rocky，Frog design 创意总监

邹旭娴、予蒋、陈俞晓  等人赞同

谢谢邀请。谈些个人观点。我们经常谈到细节，会误以为类似于dribbble网站上画icon那种细节控。力求把每一个光影，每一根线条，每一个按钮的立体感做的跟真实的物品相当。

表面上看，这些却是是细节，让你看会觉得很精致。但这话只能从一个设计作品的角度说。

真正的界面视觉设计。应该要从交互、视觉、动画体验共同考虑。如何用最有效的方法跟用户沟通。至于是否要用真实化细节。这个都是因产品定位而异。

除了上门这个不同点，我认为有几点是真正的细节。

界面上的原件尺寸、以及他们的间距平衡性。我们在制定每一个界面的时候，应该要考虑到整个界面上互动元素的可发现性可交互度。同时原件之间的关系也应该深思熟路。摆放应有一定的规律，比例必须合适，原件之间留出足够的呼吸空间。整个界面的感觉才是松弛有度。不别扭。

色彩配比。怎么针对产品定位与用户群体，选择合适的色彩。找到最能表达情感，让人最舒适的配色。界面设计不是海报招贴，不应该把附属变成主题。

关联性。界面设计发展到现在，已经不仅仅是你在psd中看到的那一亩三分地了。如何更好的使用动画来表达在静态页面中无法传达的情绪。

写到这里，好像跟楼上的童鞋很多都重复了。就谈到这里吧~ 那天想到再回来~

发现几个设计师的博客地址，博客很带感，收集一下（找到一个就找到了一群）：

http://iconmoon.com  http://iconmoon.com/about/

http://leongao.com/

http://www.jianjia360.com/

http://www.kidcomic.net/

http://www.lavi.cc/

http://www.jimmy.sh/

http://dribbble.com/Mimo