简洁页面设计分析
GUI部分
1.配色选取:用色谨慎,选用三种或者四种同色系的颜色组合作为主色。对比强烈和不同色系的颜色只用在有提示作用的ICO或标题上,原则上也是能少用就少用。
2.风格设计:避免出现重UI常有的阴影,圆角,渐变,透明,光影,复杂颜色,插画等等,不是说就不能使用这些风格而是要简化他们,比如把细节丰富的按钮矢量化啊,色块化;复杂颜色变成统一颜色或对比渐变;去掉或完全保留透明度等等。
3.Border和圆角:灵活的用1px左右边框来构建立体感,使用同一色系在有限的空间内来构建了明部和暗部。增强立体感的同时不失写意和简约的整体风格。页面在头像,弹出框,心情输入等几个常用部件上使用圆角,从而使网站从呆板,过于沉稳的印象中摆脱出来,增加活力和亲和度(注意度的问题)。
4.标题设计:大部分功能性标题配有ico,导航,模块标题采用对比颜色区分或者以标签页形式出现。这种看似很简单设计往往对简约型的网站帮助很大,起到画龙点睛的作用。
5.模块区分:采用色块区分各功能区,栏目,有着很好视觉区分,便于用户迅速做出判断和定位任务。
6.版式设计:半圆角的导航设计,横版简介的标签页,头像压在两个色块的交界线,这些都是不错的版式设计。简洁设计考虑更多的应该是依赖于标题,段落,图片本身的大小,位置,粗细,线条等来形成自然的排版和区分。
7.按钮设计:没什么好说的,矢量化,色块化,立体感可以用高光,阴影线条来构建。
着重举例:Facebook










