童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

国外的视觉设计好在哪里?

8月4日 先锋客投稿
  最近为了团队能做好产品首页设计,我研究了很多国外toB类的相关产品设计。发现国外这类设计作品在整体水准上比国内高了不止一个档次(国内toB产品起步较晚,在设计方面的研究几乎空白),而这种差距和设计技法没有太多关系,更多的是对产品个性的把握和传达。
  国外一些toB产品的首页设计
  以上是我随便找的几个产品的首页截图,大家感受下。总的来说,国外设计有以下几个特点:
  一、超高逼格(放大看)
  所谓“高端大气上档次”,可能也就是这样了吧。由于我不是专业做视觉设计的,所以也很难说出其中的原因,相信视觉设计师会从不同的角度讲出很多门道。
  二、充满个性(缩小看)
  我认为“个性”是中外设计最大的区别:中国的设计师比较注重是否满足客户需求,是否符合产品定位,是否美观和谐,细节是否够精致;国外的设计师除此之外,还非常注重整体感和产品个性的表达:每个网站风格看起来都非常的与众不同,你很难找到看起来非常雷同的设计,而国内设计雷同的网站比比皆是。
  国外toB产品首页缩小后,依然可以快速辨认
  国内toB产品首页缩小后,辨认较困难
  比如上图所示,国外的toB产品首页辨识度较高,即使缩小后,我依然可以轻松辨认出是哪一家的网站。而国内的toB产品(我找的都是国内顶级的大公司或行业知名公司)首页缩小后,辨识比较困难(尽管我对这些网站都很熟悉)。
  三、品牌感强(看首屏)
  国外网站让我感受最深刻的,是对品牌的塑造和表现力(第一屏非常重要)。Basho的传统日式风格,Docker的海洋主题,Foundation长两只角的小萌兽,Heroku的紫色干练线条,Cloudera的抽象图形及色彩运用等等,都给我留下了深刻的印象。
  对色彩、图形、设计元素的大胆想象及运用,在不拘一格之间又形成了默契的行业共性。共性中充满个性,是国外toB网站给我的整体感觉。而这种专业及个性的表达,建立在对品牌的深刻理解及创造发挥上。这是目前国内的设计师比较欠缺,并且不够重视的地方。国内的设计师往往接到需求,看看竞品就开始设计了。正是这个关键环节的缺失,造成了设计结果的差异。
  四、符号运用(看细节)
  很多toB网站的图标也具有这个特征:共性中充满个性。比如Palantir(知名大数据网站,估值达200亿美金)的图标类似原子的运动轨迹;Heroku的一组图标外形全是六边形;Foundation的图标出现了我们熟悉的网格线和尺寸标记,意味着严谨缜密;Basho的两组图标分别运用了传统水纹元素及折纸元素,向世界宣告这是一个来自亚洲的网站。通过统一符号的延展运用,既突出了品牌感觉,又让人感到独具匠心,妙不可言。这样的网站你怎么可能记不住呢?
  几个国外toB网站的图标
  再看AWS,无处不在的曲线分割元素让很多人记住了它的页面,即使有些人很讨厌这种风格。
  AWS首页部分位置
  当然,品牌符号(与品牌含义相关的特定元素符号)与网站整体的品牌设定是分不开的。比如Palantir可能是想强调精尖科技,Heroku想通过六边形强调稳定和科技(六边形类似化学元素符号),Foundation想强调严谨,Basho想强调日本的传统文化,AWS想强调云计算的弹性、灵活等等。
  所以这里有一个小技巧:明确你的产品想突出的感觉,设定与之相符合的元素符号并在适合的位置反复出现,个性感和品牌感就会呼之欲出,设计质量立刻提升一个台阶。
  四、元素呼应(看联系)
  看看Cloudera吧,首页不同部分(首页三屏中不同部分的截图对比)的关联是不是感觉很像是电影中的隐藏剧情般引人入胜呢?黄、蓝、绿三种颜色的不同处理方式(交融、分离、叠加)构成了整体页面既统一、个性、又有巧妙联系的视觉语言。
  Cloudera首页三个部分的对比
  再看看Basho,无处不在的呼应:不管是图形、元素还是图标,并且不同页面风格也高度统一。
  Basho各网页截图对比
  元素呼应对设计师的要求非常高,需要静下心来去思考、尝试以及创新。首先需要对产品有很深入的理解,然后在此基础上大胆想象及发挥,产出产品的个性关键词,再通过一些专业方法赋予灵感,设定设计主题(品牌感强),然后通过反复试错以及细节推敲,逐渐明晰品牌符号的运用(符号运用)及关联方式(元素呼应)以及表达手法,最后得到充满个性、超高逼格的作品。
  五、更新速度(看变化)
  由于我平时经常分析这些优秀的网站,所以我发现,每隔几个月,这些网站就会有明显的变化。而分析这些网站前后的对比,对我了解网站设计趋势有很大的帮助。另外我也从中明白,再好的网站,也需要不断更新迭代;而不是固守优秀成果,不思进取。这点对设计师来说非常的重要。
  Foundation首屏前后对比
  Foundation首屏图标前后对比
  比如Foundation最近做了一次设计改版。在这次改版中,文案和品牌内核没有发生变化(还是两个角的小萌兽,还是之前的图标内容),只是设计风格改变了。从中可以看出品牌内核的重要性及稳定性。新的设计风格更加现代、简洁(新版图标外沿依然有和头图呼应的品牌符号,截图可能看不清楚)。
投诉 评论 转载

案例实战!淘宝总监教你打造一份用得上的设计规范如何制作出一份对设计师、产品经理、程序员都有价值的设计规范?今天奇维(手淘设计总监)用淘宝2015的规范优化实战案例,结合之前在腾讯CDC经历过的雅虎、QQ、金蝶等设计规范,给……产品体验分析之7步走(附PPT下载)我最近一直在做新产品的策划,方案一个又一个的被毙掉,方向一次又一次的调整,PPT一遍又一遍的改,交互一稿又一稿的画,所以我还在继续努力中,也深深的感受到产品从0到1的不容易。产……邮件其实是一种不容忽视的用户体验人们总是愿意相信,他们自己的创作本身就能够说明一切。由于电影《梦幻成真》里“车到山前必有路”的这种心态,加上非理性的恐惧,通常这类思想会影响到产品的设计,造成用户体验脱节……国外的视觉设计好在哪里?最近为了团队能做好产品首页设计,我研究了很多国外toB类的相关产品设计。发现国外这类设计作品在整体水准上比国内高了不止一个档次(国内toB产品起步较晚,在设计方面的研究几乎空白……为什么要考虑用户场景?这是个特别好的问题,因为我在还是新手的时候对这个问题也很疑惑。用户在哪个场景下用关我屁事啊?我只需要用户用得爽就行了嘛。你在淘宝上买东西,在家里用电脑可以买,在地铁里站着……iOS9人机界面指南(二):设计策略译者注:本文译自苹果官方人机界面指南iOSHumanInterfaceGuidelines(2015年10月21日),由腾讯ISUX设计师翻译整理,非发文者一人之作。译文首发于……一个产品小白如何理解尼尔森交互原则的?上完培训课,又开始投入忙碌工作中,由于目前公司是做汽车后市场服务,并且近期在准备新产品开发事宜,因此每天跟产品经理、研发同事少不了一些探讨。与之前有所不同,现在工作过程中,可能……聊聊意见反馈,小功能也有大门道反馈是几乎所有应用的标配功能,往往藏在“设置”或者“关于”里面的小角落。意见反馈在产品开发中的作用是不能忽视的,这几乎是所有应用最好的用户意见收集入口,但是不同应用对意见反馈的……消失的界面:对用户体验设计师未来竞争力的思考以前看到过一句话:UI发展的最终阶段就是消灭UI,而这周在Medium上看到的文章《NoUI》也再次阐述了这一观点,这一两年来各种智能助理类产品层出不穷,……尼尔森交互原则,讲的到底是什么?这几天,脑海里面一直回绕着一个声音,尼尔森,尼尔森交互,尼尔森交互十大原则。blues老师的讲解至今让我记忆犹新,如果真的让我选择一款产品进行尼尔森交互分析,我想应该就是简书了……前车之鉴:一个视觉交互设计失败的案例最近在做产品设计时,遇到了一个非常典型的设计失败案例。这个案例反应了一些老生常谈的问题,我觉得非常有意思。好看的设计未必好用我负责的是一款秀场类产品,近期要在移动端……一个案例告诉你如何用尼尔森10原则分析产品本文仅代表作者个人观点,仅供学习交流使用。个人理解整理的尼尔森10原则模型如下:这次检验的产品“我的安吉拉”简介如下:1、产品定位:“我的安吉拉”是一款针对儿……
两年后台产品经理工作,我把这些讲给你听(上)智能座舱产品设计系列(一):汽车智能座舱产品发展趋势实操总结:积分系统是如何设计与落地的?实践出真知三年产品设计思考设计沉思录充满“仪式感”的荣誉系统设计10个步骤,塑造设计思维中的用户画像产品思考:确定按钮该放在左边还是右边?交互设计入门常见的3大误区拼多多“天天领现金”背后的人性吸引点APP内的分享功能怎么做?要注意4个问题运输管理系统(TMS)订单系统ToG产品设计的灵魂十二问
这款手机上个厕所出来就充满电了?真的吗?闺蜜王若雪转发李小璐被骗1200万的视频,细节被曝光地球温度将整体升高炽热干燥的金星或火星成都军大医院怎么样啊(成都军医大医院是三甲)次韵答慈元恕结束了迎接高速时代昂达推出845PE主板热文聚热点网 文艺治愈文案既然回不到以前那么就好好活着一根鸡毛一片心作文700字龙鱼吃什么,可以吃猪肉吗终于定档!沈腾白百何贾冰多部电影杀来!朱一龙动作灾难片最期待高山流水

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界