网站、平面、ui设计中的基本准则

发布时间:2017-09-22

许多网页设计师 或者网页设计爱好者都并非是科班出身,他们没有接受过系统的设计理论的教育。所以做网页设计时,往往是凭自己灵感或者参考别人作品,导致设计出来的作品无论在整体还是细节上都不能达到一些专业水准的水平。但是实际上只要掌握本堂课所介绍的基本的设计准则,那么就能显着提高网页设计师的设计水平,让你完成从业余设计师到专业设计师的蜕变。而且  ,这四个基本准则不仅仅适用于网页设计领域,在平面设计UI设计等领域也被广泛被运用,因为设计是相通的。

基本原则 
突出、对齐、对比、重复。
1.突出 prominent
明显标签和重点内容突出展示,方便用户的查看和使用。
提取归类   
即使是单纯的文字排列,也可以把部分内容抽取出来,单独显示加粗或者放大字号,就可以轻松突出效果,方便用户浏览查看。
整理组合   
打破杂乱无章的陈列方式,提炼出重点内容,将同样类型文字放在一起,突出标题内容,阅读起来更顺畅舒适。
大胆留白    
留白可以引导用户的视线,让相似的内容自动归类,创造布局内容突出展示的效果。
合并同类项      
让内容相关项彼此靠近,归组在一起,成为一个视觉单元,突出显示局部内容和分类栏目。

2.对齐 Alignment
对齐 是设计理论中一个非常重要的准则,而且是比较容易掌握的。判断一个网站的设计是业余水准还是专业水准,通过看是否恰当运用对齐准则就知道了。没有运用对齐准则的网页,所有东西好像是随意散落在页面上似的,结构很松散,没有较强的目的性。
对齐准则      
设计网页时,网页上任何设计元素都不应该被随意放置,所有设计元素和页面上的其他元素要有视觉上的联系,这个联系手段就是对齐,上面这个网页设计左边应用了对齐准则,但是右边的一些元素却没有跟其他部分产生联系,
这个网页设计将对齐准则应用的比较好,比上一个网页设计的更美观大方;统一的对齐方式让整个网站干净整洁,使页面格局统一而且条理清楚明晰。
 
3.对比  Contrast
如果网页设计的时候,所有的元素都设计得相差不大,那么自然很难找到所需要的内容。因为没有重点和非重点的区别。要把内容区分出来,就必须用到对比准则。
排版对比     
要想实现有效的对比,就必须强烈。如果两个项不相同,就应当完全不相同。上图中我们看到一个非常强烈的对比关系,顶端菜单栏与页尾信息栏都是黑色,而中间主体内容部分为灰白色的亮色系,能让用户一眼就能看到主题重点内容;同时主题内容使用了左侧大篇幅图片和右侧简短的文字介绍,也形成了一个强烈的对比,主次鲜明布局合理。
头部和底部均采用了深色背景,而内容区则采用白色背景。这使内容区域和其他部分截然分开,并使其重要性更加突出。
头部导航栏,左侧导航栏都采用和灰白色明显区别的橘黄色,是该区域明显突出,方便用户查看。
功能模块中的核心按钮采用橘红色,和背景颜色对比强烈,给用户视觉上的引导。

4.重复   repeat 
设计中某些方面要在整个作品中重复。重复的元素可以是一种字体,一条粗线,某个符号,颜色等相同相似的东西,使用重复的设计元素可以使页面显得很连贯,具有统一性规范性,还能强调品牌意识。
加深视觉影响    
画面中右侧文字简介部分,巧妙的使用了香蕉做标签,不但起到引导阅读作用,同时跟猩猩图画元素产生呼应关系,加深画面氛围和强调视觉风格。