网站设计的简洁之道

TIME: 2015-08-19 21:36:36     

   在网页设计中,简洁并不一定等同于极简主义者的设计美学。简洁的网站只是从设计、内容、以及代码中移除了所有不必要的元素。而极简主义的网站普遍符合这一标准,有许多网站,不管你如何想象,都不会被认为是仍适合简单的定义的“极简主义”。 

神马是“简洁大气”?

现在被人们津津乐道的扁平化设计无疑成为了这四个字的代言,也让之前似乎离开了人们视野的平面设计带来了新思考,我们发现很多设计方法依旧非常经典,图片的加入是最能立刻改变和更换整体印象的法宝。

 图版率是杂志版式中经常提到的概念:即页面中图片所占面积的比率。图版率高的杂志页面会给人带来年轻与活跃的印象,相反地,全是文字,图版率为 0,这样的页面就显得沉稳许多。


   放大图片,增加展示空间

   虽然在产品上网易微博一直不温不火,但在设计上采用大图片的改版让整体拥有了简洁的潮流感,并且每次刷新变化的封面图片让每天的登录过程也变的有趣起来。

简洁网页设计

   改变图片比例

即使全部是图片也可以改变图版率。商品展示中经常会有这种图片罗列的形式,普通的九宫格设计虽然整齐,但是没有变化和视觉重点,将几个图片位合并成为一个进行展示可以产生更强的专题性效果。

简洁风格网页欣赏

色块进行重复构成排版

当图片资源不充足,比如消息类信息和图片并列时,可以采用和图片相同大小的色块保持界面的统一性与简洁性。

简洁风格网站设计

使用图标代替文字

使用意图明确的图标代替文字可以帮助导航等操作区与文字阅读区分开。

简洁风格网页

创造节奏感


你知道吗?观看者和一张简单的海报设计也会产生交互过程。

简单大气网页

当你在 20 米开外的时候会被它上面的人物与色彩吸引,走近至 5 米的时候会看到它的标语,而走到跟前会发现新的小字信息。海报通过观看距离的变化制造出阅读的层次感,引导你不断深入。

同样的,在界面中除了利用明确的信息分组引导视觉,还可以考虑在交互中也加入节奏,笔者不认为在扁平化的设计时代我们就不需要打造空间关系,通过手势的变化制造出界面不同的景深效果,可以让界面充满呼吸感。

比如 AppFlow 中下拉刷新时,背景图片会由远至近,就在不觉间扩展了视觉空间。

国外简洁风格网站

使用鲜明的色彩营造气场


穿衣服我们讲究“气场”,而设计中使用的色彩也应该明确,避免使用含混的色彩,这样界面之间的元素才是有对比的。

企业网站简洁风格


选用合适的字体

  简洁的网页设计成功离不开排版,排版应该获得和图片同样的重视。虽然可供选择的字体很多,设计师要考虑的方面很多,比如说,目标客户和客户公司的性质。为网站页眉和内容选用合适的字体是必不可少的,无衬线字体(sans serif)和有衬线(sans serif)字体通常会为设计带来良好的效果。除此之外,你还可以结合其它字体,专为孩子和女性打造网站。

选用合适的字体

为你的网站选择合适的配色方案

  任何网站的设计都离不了合适的配色方案,这对创建一个整洁干净的网站同样适用。坚持使用淡色和非彩色的投影对成功设计一个简洁网站大有裨益。浅色的投影可以帮助用户把焦点转向网站内容。标志使用黑色和较深的投影,网页中的页眉和导航元素使用浅色背景,这些都是不错的案例,并没有规定在简洁网页设计中不能使用大胆的颜色,但是这样的颜色要小心,克制地使用。有时候,网站有必要使用深色背景色来吸引某些目标用户。比起渐变色,有些网站更钟爱纯色。如果你的网站非得要使用纹理和渐变色,也不要用得太过火。



上一篇:没有了

下一篇:什么是新媒体营销?

Copyright © 2010-2016 广州艺智帆信息科技有限公司 粤ICP备16055917号-1