界面设计包括哪些细节、如何深入?
2013-10-23 19:14
274 查看
转载自知乎:界面设计包括哪些细节、如何深入?
我们常说“细节决定成败”,有些界面会让人觉得不精致,缺细节,而这些细节又包括哪些呢?如何去深入呢?感谢所有回答者。
知乎用户、刘沛华、diecxters 等人赞同
谢邀,楼上的大师们都从规范和设计方向的细节上说了很多重要的了,我随便写点我能想到的小细节吧:
界面元素的对齐,我见过很多同学对齐是永远靠眼睛的。确实在布局的时候经常需要做到视觉上的对齐,而不是机械的对齐,但这不是界面元素可以随意摆放的借口,该对齐的内容需要对齐,有时候只是举手之劳,养成好习惯很重要,有点强迫症也不是坏事情。
像素精确,虽然现在的分辨率越来越高,但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化。
界面光源的一致性,一致性是个很大的课题,应该能写一篇论文那么长,细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果,那正文就应该避免用深色的文字向上投深色的阴影
图标面积的一致性,这也是一个一直难以避免的问题,而且有很多主观成分,最好的方法是设计的时候放到实际屏幕上以较远的距离查看,是不是有哪些会特别轻或特别重,然后再去调整尺寸
文案,虽然这不是直接的界面设计元素,但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等
别直接使用 Windows 自带宋体/黑体里的英文!!!这个不解释
谨慎地使用高饱和度颜色、大差别渐变,我们 GUI 设计师总喜欢把自己当做艺术家,即使 GUI 真算艺术那也是限制最大的一门艺术(天朝的电影、电视剧不算。。。),大家大部分情况下遇到的设计场景没有非常大的颜色空间去发挥,所以一些醒目出跳的颜色和渐变使用起来要比较小心,否则很容易产生“俗气”的感觉
适当的留白,留白是个很好的东西,尤其是当老板 / 客户 / PM 要求你做一些“大气”的设计时候能成为一个很好的说辞,但是留白同时也很难掌握度,过度的留白有时候会起到反作用,让我们的作品看起来没有细节、内容空洞。就跟那些学画画的同学在电脑上画图经常水平镜像检查画面一样,有时候我也会把做到一半的设计去色、然后反白,看看那时候画面里的黑色会不会产生一种令人恐怖的感觉(好吧,我承认我是个很感性的同学,很多设计思路和方法都不够科学)。。。
想到再写。。。
邹旭娴、予蒋、陈俞晓 等人赞同
谢谢邀请。谈些个人观点。我们经常谈到细节,会误以为类似于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
界面设计包括哪些细节、如何深入?
我们常说“细节决定成败”,有些界面会让人觉得不精致,缺细节,而这些细节又包括哪些呢?如何去深入呢?感谢所有回答者。
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
相关文章推荐
- 界面设计包括哪些细节、如何深入?
- 界面设计包括哪些细节、如何深入?
- 干货!我开发 Android 是如何界面设计的
- “注意”界面细节设计对用户工作连贯性的影响
- 如何构建有生命力的软件(一)细节之处的设计决定软件的生命力。
- 深入剖析WTL——如何封装Windows界面程序
- 要想深入理解设计模式,就必须究其细节
- 如何在自己的信息管理系统里集成第三方权限控制组件 - 设计一个漂亮的WEB界面
- 如何培养良好的设计习惯:把握细节!
- 2016太原UI设计师产品界面设计“低保真”图有哪些点?
- 界面设计的细节把握
- 如何用网格系统设计出大师般的APP界面
- 如何优雅的定义 App 的界面设计
- APP界面设计有哪些注意事项
- 如何设计一个优秀的向导式界面(Wizard)
- 如何设计Windows Mobile功能导航界面
- 如何设计多文档界面
- 手机APP界面设计规范:如何定义视觉规范
- 如何搞定界面设计之构图篇(转)