界面设计包括哪些细节、如何深入?
2012-08-20 02:17
295 查看
来自知乎上的一个问题:界面设计包括哪些细节、如何深入?,以一个苦逼死美工的角度补充了一些小细节:
●界面元素的对齐,我见过很多同学对齐是永远靠眼睛的。确实在布局的时候经常需要做到视觉上的对齐,而不是机械的对齐,但这不是界面元素可以随意摆放的借口,该对齐的内容需要对齐,有时候只是举手之劳,养成好习惯很重要,有点强迫症也不是坏事情。
●像素精确,虽然现在的分辨率越来越高,但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化。
●界面光源的一致性,一致性是个很大的课题,应该能写一篇论文那么长,细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果,那正文就应该避免用深色的文字向上投深色的阴影
●图标面积的一致性,这也是一个一直难以避免的问题,而且有很多主观成分,最好的方法是设计的时候放到实际屏幕上以较远的距离查看,是不是有哪些会特别轻或特别重,然后再去调整尺寸
●文案,虽然这不是直接的界面设计元素,但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等
●别直接使用 Windows 自带宋体 / 黑体里的英文!!!这个不解释
●谨慎地使用高饱和度颜色、大差别渐变,我们 GUI 设计师总喜欢把自己当做艺术家,即使 GUI 真算艺术那也是限制最大的一门艺术(天朝的电影、电视剧不算。。。),大家大部分情况下遇到的设计场景没有非常大的颜色空间去发挥,所以一些醒目出跳的颜色和渐变使用起来要比较小心,否则很容易产生“俗气”的感觉
●适当的留白,留白是个很好的东西,尤其是当老板 / 客户 / PM 要求你做一些“大气”的设计时候能成为一个很好的说辞,但是留白同时也很难掌握度,过度的留白有时候会起到反作用,让我们的作品看起来没有细节、内容空洞。就跟那些学画画的同学在电脑上画图经常水平镜像检查画面一样,有时候我也会把做到一半的设计去色、然后反白,看看那时候画面里的黑色会不会产生一种令人恐怖的感觉(好吧,我承认我是个很感性的同学,很多设计思路和方法都不够科学)。。。
其实这些问题罗列一下很容易,但是日常工作当中要做到真的是很难,我们大家一起共勉吧~也欢迎大家留言或者去知乎上补充哈~
相关文章推荐
- 界面设计包括哪些细节、如何深入?
- 界面设计包括哪些细节、如何深入?
- 如何正确设计一个界面
- android界面设计器(eclipse adt)中如何显示汉字 (非常重要!)
- 如何手动的用jigloo设计器关联java界面文件 jigloo 设计器失去关联解决
- java 界面设计的用途: AWT Swing SWT 如何选择这三个工具包
- Qt界面设计如何让文中居中显示?
- 要想深入理解设计模式,就必须究其细节
- 深入探索REST(1):如何设计好的RESTful API?
- 线程池? 如何设计一个动态大小的线程池,有哪些方法?
- 很强大的Js日历代码,包括公历和农历的节日,不过界面设计一般
- 细节决定成败!交互设计上常见的界面切换动画!
- 如何在自己的信息管理系统里集成第三方权限控制组件 - 设计一个漂亮的WEB界面
- Win10 9926如何解锁时钟托盘看到新的界面设计
- 样章试读之瞬间之美:Web 界面设计如何让用户心动.
- 《从LRS项目重构看如何做UI设计——组合查询的界面创意设计(一)》
- 干货!我开发 Android 是如何界面设计的
- 如何手动的用jigloo设计器关联java界面文件 jigloo 设计器失去关联解决
- (转)[职场生存]细节和感觉[二]:细节包括哪些部分?
- [深入剖析ASP.NET组件设计]一书中HttpApplication对象创建的细节(转)