国内与国外视觉设计对比

近期天权互动为了设计更好的产品展示类作品，看了很多国外针对终端消费者的相关网页设计，觉得国外和国内的设计水平有着很大的差距，而这种差距和设计方法没有太多关系，更多的是对产品个性的把握和传达。 

△ 国外一些产品网站的首页设计以上是我随便找的几个网站的首页截图，大家感受下。总的来说，国外设计有以下几个特点：

一、超高逼格（放大看）虽然我不是专业做视觉设计的，但是还是能简单的识别出网页设计的粗糙及细致，所谓“高端大气上档次”，可能也就是这样了吧。

二、充满个性（缩小看）我认为“个性”是中外设计较大的区别：中国的设计师比较注重是否满足客户需求，是否符合产品定位，是否美观和谐，细节是否够精致；国外的设计师除此之外，还非常注重整体感和产品个性的表达：每个网站风格看起来都非常的与众不同，你很难找到看起来非常雷同的设计，而国内设计雷同的网站比比皆是。 

国内网站首页缩小后，辨认较困难比如上图所示，

国外网站首页缩小后，依然可以快速辨认  国外的网站首页辨识度较高，即使缩小后，我依然可以轻松辨认出是哪一家的网站。而国内的网站（我找的都是国内的大公司或行业知名公司）首页缩小后，辨识比较困难。

三、品牌感强（看首屏）国外网站让人感受深刻的，是对品牌的塑造和表现力（屏非常重要）。Basho的传统日式风格，Docker的海洋主题，Foundation长两只角的小萌兽，Heroku的紫色+干练线条，Cloudera的抽象图形及色彩运用等等，都给浏览者留下了深刻的印象。  

对色彩、图形、设计元素的大胆想象及运用，在不拘一格之间又形成了默契的行业共性。共性中充满个性，是国外网站给我的整体感觉。而这种专业及个性的表达，建立在对品牌的深刻理解及创造发挥上。这是目前国内的设计师比较欠缺，并且不够重视的地方。国内的设计师往往接到需求，看看竞品就开始设计了。正是这个关键环节的缺失，造成了设计结果的差异。

四、符号运用（看细节）国外很多网站的图标也具有这个特征：共性中充满个性。比如Palantir（知名大数据网站，估值达200亿美金）的图标类似原子的运动轨迹；Heroku的一组图标外形全是六边形；Foundation的图标出现了我们熟悉的网格线和尺寸标记，意味着严谨缜密；Basho的两组图标分别运用了传统水纹元素及折纸元素，向世界宣告这是一个来自亚洲的网站。通过统一符号的延展运用，既突出了品牌感觉，又让人感到独具匠心，妙不可言。这样的网站你怎么可能记不住呢？  

几个国外网站的图标再看AWS，无处不在的曲线分割元素让很多人记住了它的页面，即使有些人很讨厌这种风格。  

AWS 首页部分位置当然，品牌符号（与品牌含义相关的特定元素符号）与网站整体的品牌设定是分不开的。比如Palantir可能是想强调精尖科技，Heroku想通过六边形强调稳定和科技（六边形类似化学元素符号），Foundation想强调严谨，Basho想强调日本的传统文化，AWS想强调云计算的弹性、灵活等等。所以这里有一个小技巧：明确你的产品想突出的感觉，设定与之相符合的元素符号并在适合的位置反复出现，个性感和品牌感就会呼之欲出，设计质量立刻提升一个台阶。

五、元素呼应（看联系）看看Cloudera吧，首页不同部分（首页三屏中不同部分的截图对比）的关联是不是感觉很像是电影中的隐藏剧情般引人入胜呢？黄、蓝、绿三种颜色的不同处理方式（交融、分离、叠加）构成了整体页面既统一、个性、又有巧妙联系的视觉语言。  

Cloudera首页三个部分的对比再看看Basho，无处不在的呼应：不管是图形、元素还是图标，并且不同页面风格也高度统一。  

Basho各网页截图对比元素呼应对设计师的要求非常高，需要静下心来去思考、尝试以及创新。首先需要对产品有很深入的理解，然后在此基础上大胆想象及发挥，产出产品文案的个性关键词，再通过一些专业方法赋予灵感，设定设计主题（品牌感强），然后通过反复试错以及细节推敲，逐渐明晰品牌符号的运用（符号运用）及关联方式（元素呼应）以及表达手法，之后得到充满个性、超高逼格的作品。

六、更新速度（看变化）如果我们经常关注这些网站就会发现，每隔几个月，这些网站就会有明显的变化。而分析这些网站前后的对比，对我了解网站设计趋势有很大的帮助。另外我也从中明白，再好的网站，也需要不断更新迭代；而不是固守优秀成果，不思进取。这点对设计师来说非常的重要。  

Foundation首屏前后对比  

Foundation首屏图标前后对比比如Foundation近期做了一次设计改版。在这次改版中，文案和品牌内核没有发生变化（还是两个角的小萌兽，还是之前的图标内容），只是设计风格改变了。从中可以看出品牌内核的重要性及稳定性。新的设计风格更加现代、简洁（新版图标外沿依然有和头图呼应的品牌符号，截图可能看不清楚）。

总的来说，国内很多网站公司都只是做了美工的层面，很多工作是设计、修图就完成了。很少公司能够做到和国外公司一样细致，首先分析公司及产品，从文案中提取一些重要元素进行创意设计，再执行在PSD设计稿上。

更多和网站设计相关知识交流可咨询天权互动（www.tqchina.cn）(专注于上海网站建设，上海网站设计，上海网页设计，高端网站建设 )。