码迷,mamicode.com
首页 > Web开发 > 详细

从拟物到简约 ------谈网站设计风格的变革

时间:2014-10-05 02:07:47      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:网站设计   扁平化设计   skeuomorphic设计   

    哪种设计才是好的设计?其实,每种设计都有其优势也会有其不足。关键在其应用场合,以及是否能够向用户传递有效的价值。武断地决定是否采用某种技术或者不思考其能否取悦用户的设计不是好设计。好的设计不应当局限于某种设计风格,而需要更注重可用性、有用性。

 

       之前最为流行的是skeuomorphic设计(软件界面设计模仿实物纹理),最为典型的就是苹果IOS系统中拟物化的设计。适当的Skeuomorphic设计也非常有用,比如OS X的废纸篓。iOS 6系统中的Passbook应用在删除项目时,会有碎纸机的效果,这也是一种加强用户理解的好方法。而每个水滴,每个圆角给人的是一种艺术的美感。可以说在苹果风靡世界的这几年,拟物化的设计是起到非常大的作用的。苹果的这种设计到今天为止还作为广告设计师们教科书般的经典而受到膜拜和仿照。苹果的网站给人的印象总是简约而精致的。内容不会很大,但是每个细节打造得近乎完美。之所以说完美,就是在于每个小角落都是基于拟物化的设计,把光与影的变化之美体现得淋漓尽致。更重要的是,以为拟物,所以让用户得到足够的心理暗示,产品的亲和力得到大大的提升。对于计算机专业人员这个的差异也许可以忽略不计,但是对于一个艺术家,或者对于一个只有初中文化的老人来说,这一小点的差异,也许会决定用与不用这关键性的一大步。

     随着移动互联网时代的到来以简洁为中心的扁平化设计渐渐流行起来。核心的地方就是放弃一切装饰3D效果。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。

   尤其在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁。

更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。2010年,Windows MobileMetro UI可以算是扁平化设计的鼻祖。Microsoft不愧为扁平化用户体验开拓者。随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的设计既繁琐又费时。你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。

扁平化设计的5大特点

1)拒绝特效。采用二维元素。所有元素都不加修饰

2)仅使用简单的元素。为了同时达到简单但直观的效果,你可以尝试为按钮填充深色,以鼓励用户点击。简单的元素并不意味着设计起来很简单。相反,用简单的元素来表达复杂更需要巧妙的构思

3)注重排版。排版的目的在于帮助用户理解设计。字体的大小应该匹配整体设计。字体选择上可以使用简单的无衬线字体,通过字体大小和比重来区分元素。字形上可以应该使用粗体

4)关注色彩。扁平化设计的网站、应用色彩明显要更加鲜艳、明亮。此外扁平化设计的项目也拥有更多的色调。一般的6-8种颜色。色彩更纯。其主要、次要颜色通常都是非常大众化的颜色,然后再配以几种其它颜色。扁平化设计的另一个趋势在于复古颜色的使用——浅澄色、紫色、绿色、蓝色——都极为流行。

5)极简主义。该驱除任何无关元素,尽可能地仅使用简单的颜色与文本。移动互联网时代的用户习惯小而美的产品,一个应用如果让用户的点击超过三个层级,用户会非常反感

另外,现在还有一种“准”扁平化设计比较流行。只留一种特效。如阴影,梯度,深度,纹理等。因为它能有助于直观的交互。如bootstrap。但是也有缺点,,因为“准”扁平风格是另两种风格的混合体,缺乏明确的定义,所以更难用好。

目前为什么扁平化设计的风头更甚。这个和现在多终端的现实是密不可分的。但从真实感而言,skeuomorphic设计无疑是最棒的。但是在一定的框框架架之下,扁平化设计一定是有其成长空间的,当然skeuomorphic设计也不必担心,英雄无用武之地。这个就跟国画中的工笔和写意之分。使用场合不同罢了。用心揣摩,集2种设计方法之长处,立足于设计对象的要求,立足于用户的体验,这个才是根本。

 

从拟物到简约 ------谈网站设计风格的变革

标签:网站设计   扁平化设计   skeuomorphic设计   

原文地址:http://blog.csdn.net/superch0054/article/details/39791443

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!