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

拥抱统一与迥异

11月3日 龙凤殿投稿
  统一的力量是强大的。作为人类,在日常活动中,我们潜意识期望某种协调和秩序。世上每个禁行标记看起来都很像,这是有原因的。我在澳大利亚时,学着在道路另一侧驾驶就已经很艰难了。想象一下,如果每个城市都有自己特定的禁行标志紫色霓虹灯禁行标志那会是什么情况!某种程度上来说,我们靠一致性来使自己感到平常和舒适。
  我们会注意到相互迥异的事物,这可能让人沮丧和迷惑。但有时又会让人耳目一新、为之着迷。我爱星巴克,我会本能地购买咖啡,动作一气呵成。领取我的白色超大杯咖啡时,也没有丝毫畏缩。忽然,在十一月的某天,我手捧着一杯迷人的红色假日杯,上面有一些令人感到安逸的冬季图案。白色的杯子星巴克已经使用多年,没有什么打破过这一传统,但有时制造点混乱也不错。它能通过人们不熟悉的方式,吸引和迷住顾客。
  所有这些,也发生在我们与科技的关系中。作为设计师,我们应该拥抱统一的力量。了解何时应该严格遵循风格指南,何时运用创意打破陈规,这是非常有益的。
  我们会注意到相互迥异的事物,这可能让人沮丧和迷惑。但有时又会让人耳目一新、为之着迷。
  构建一致性
  设计是有难度的,尤其在项目的起步阶段。有这么多点子,要筛选如此多种字体组合、配色方案、图标和按钮样式、排版趋势、图片处理方式。理想情况下,所有这些元素相互配合,向你的用户传达出清晰的讯息。但是要把它们恰当地相互关联起来,其中困难重重。
  虽然这很明显,我们还是迅速回顾一下统一的基本要点。要构建一致性,我们要牢记以下元素:
  色彩:主色、辅助色、次要颜色,配色方案
  字体:标题、正文、手书字体,还有它们之间的层次与位置
  视觉元素:图标集、按钮、照片的处理、插画
  排版:导航菜单的位置、栅格结构,还有响应式变换
  交互:表单元素、对话框、动画、过渡效果、菜单等
  下面这些案例中,样式库和风格指南都执行得很到位:
  在设计中构建统一,有助于强化品牌,并使品牌信息保持清晰。在颜色、照片、字体、插画、图标等元素间规定统一关系,决定了用户如何与品牌建立联系、感受如何,还有如何使用。
  这些框架和模式一旦成熟,确立下来了,怀着一致性进行设计应该相当简单。这会取悦用户。统一的界面学习成本更低,因为用户可以将他们的理解转移至其他界面,让整个体验更加流畅。易于理解促成了信任和舒适,会使用户更加投入(并转化为顾客)。
  在设计中构建统一,有助于强化品牌,并让品牌信息保持清晰。
  别忽略了用户
  在设计中也有反对统一的声音。其中之一,是很多设计师过于注重新设计与旧设计是否一致,而忽略了新设计是否符合目标用户当下的理解(Spool,2005)。
  每个按钮都要是蓝色的吗?每个页面都需要搜索框吗?各处的页尾都要保持一致吗?正文字号永远是14像素吗?这些取决于具体情况。用户所处的环境通常应该先于一致性。
  我们创建的风格指南和样式库,并非不容置疑。除了统一外,还有界面设计的原则,有时候这些原则应该优先于一致性。底线是:我们应该努力为用户提供最好的体验,有时这就意味着,要为其他某方面牺牲一致性。
  少关心“我的设计与其他地方是否统一?”,多关心“我的设计是否吻合我们之前提供的用户体验?”。统一的设计让用户自信用户会期望它的表现与之前体验过的一致。
  除了统一外,还有界面设计的原则,有时候这些原则应该优先于一致性。
  打破规则
  还有一股邪恶势力在与一致性抗争,这就是设计创新的自然动力。任何时候我们都希望表现出创造力。在确定的风格指南或样式结构框架内设计,真的很令人沮丧。别担心,我们可以利用这一点。
  在使整个界面变得一板一眼之前,牢记矛盾性的利用价值。迥异的元素和表现会吸引注意力你若想让特殊元素被注意到,这就很管用。使用一种新的颜色,或是特殊的布局,能让用户从潜意识中惊醒。我爱把这种策略称作矛盾。
  迥异的元素,在销售或追求顾客转化方面极其有效。我们可以做些小动作来扰乱常规体验:
  增加新的说明元素
  改变排版和焦点区域
  显著改变标题字号
  引入新的照片处理方式
  大胆配色
  Classy的登录注册页面,排版和样式看上去和主页、探索和公司介绍页面完全不同。在这些页面上,我们可以推测出用户的意图,也不希望有不必要的元素混杂其中。如果为了与其他页面保持统一,在此完完整整加入顶部导航、搜索和页尾,那就太愚蠢了。
  其他一些重大的迥异之处:
  比如CampaignMonitor,只在Customers页面的焦点区域用了动画效果。
  Mailchimp’sSNAP的app页面,交互和动画有别于其他页面。
  最后的思考
  优秀的设计师会明智地运用统一。大多时候,设计师必须努力实现一致和统一,来尽可能创造最易用的界面。但是,一致性原则不能盲从。熟练的设计师不仅学着遵循这些原则,还会彻底地检验它们,并且学会何时以有意义的、目的导向的方式打破原则。
  良师益友RalphWaldoEmerson说得很好“头脑简单者才需要傻傻地保持统一。”
  
投诉 评论 转载

移动互联网阅读产品分析书城里的连环计传统意义上的连环计就是《三十六计》里所说的,敌军兵力强大,不要去硬拼,运用计谋使其自相牵制,借以削弱敌方战斗力。将帅巧妙指挥,用兵如神,必能获胜。大家耳熟能详的有《三国演义》里……顶端优势:没有树干,何来枝蔓植物在生长过程中,为了让植物长高,会通过减去侧芽的方式,让顶芽生长,这种顶芽优先生长,抑制侧芽发育的现象叫做顶端优势。顶端优势,放在企业管理当中,便是企业如何通过资源配置,集中……Airbnb产品小分析因为自己是一个旅行爱好者,所以简单分析了一下现在在国外很火的AirbnbiOS的客户端,从产品的角度进行了一些思考,内容比较浅,欢迎大家拍砖内容如下:Airbnb:……【产品分析】周末去哪儿我们都有这样的困惑,在周末的时候,不想宅在家里,希望出去玩玩,但是却又不知道该去什么地方玩。只有两天时间,无法去太远的地方,可是附近又有什么好玩的地方呢,我该如何便捷的知道呢。……第一次做APP时容易犯的错误有哪些?做移动APP也有一段时间了,从刚开始的两眼抓瞎到现在的稍有心得,已经过去半年多了。半年多的时间,踩坑无数。现在在这里把这半年时间犯的一些错误和大家分享一下,希望对大家有借……梅姐三板斧,教你做一款优秀App曾在Google负责用户体验相关工作的梅丽莎梅耶尔(简称梅姐),每当有新产品发布,都必须通过她的亲自试用和批准。梅姐也渐渐地总结出一套产品设计理念,并将它们带到雅虎的产品团队中……拥抱统一与迥异统一的力量是强大的。作为人类,在日常活动中,我们潜意识期望某种协调和秩序。世上每个禁行标记看起来都很像,这是有原因的。我在澳大利亚时,学着在道路另一侧驾驶就已经很艰难了。想象一……设计师分享游戏化思维:如何实现“交易关系”到“情感联系”的转作者按:应朋友邀请,1月11日晚间我在中欧校友微信群当中介绍了游戏化思维,分享了自己的一些观点。因为懒癌的间歇性发作,所以拖到这几天才整理好出来,不好意思。我先讲几个真实……产品设计:如何制造期望译者注:14年初NirEyal发表《Hooked,HowtoBuildHabitFormingProducts》一书,讲述为什么人们会对一些产品形成类似上瘾的症状,像Fa……抽屉式导航的衰退及大屏下的产品设计东东导读:2011年,抽屉式设计的出现,受到了热捧,它使得寸土寸金的手机屏幕做到了突出核心功能,将其他的功能隐藏掉。但是在大屏手机为主流的现在,这种设计是否会继续适用呢?……超实用的设计心理学!怎么用隐喻设计引导用户?设计的本质是解决问题,而不是形式大于内容的表达。这句话我说了快两年,但每次回答设计类问题时,我还是要再反复强调一下,所以,请别嫌我罗嗦。我们先来抛开所谓的隐喻。就单……教你如何做一款让用户上瘾的产品Facebook、微信、魔兽世界、糖果传奇,这些成功的科技产品有一个共同之处:令人上瘾。实际上,用户的上瘾并非出于偶然。若想知道这些令人上瘾的产品背后有什么开发诀窍,不妨……
企业官网建设的要素及注意事项我们应该具体优化网站的哪些方面?餐饮企业应如何建设会展或商务企业网站?什么是过度优化?如何避免网站过度优化?如何选择自己的域名?如何解析域名?【网站排名】很少有人知道排名的秘密【如何建个企业网站】如何快速建立个人官方网站?【网站建设企业排行】网站建设是企业发展的大势所趋【手机网站建设】移动网站建设有哪些要求?企业网站建设生产的基本流程!专业网站建设公司的条件是什么?【SEO】复制的内容对SEO有害吗?华为15年经验总结可用之才,必备5个特质日记100字踢篮球降低成本,不能头疼医头每日一味抗癌中药丁香,功效温中降逆散寒止痛温肾助阳盛夏短发当道清爽减龄显瘦短发发型橄榄核可以用油泡吗为什么夏天不建议给橄榄核上油韵达股份:聂腾云续任董事长兼总裁,陈立英续任联席董事长静卧听雨声,不曾负光阴机械时代的行尸走肉土地使用权纠纷处理办法是什么?老人骨头痛需要吃什么药挽回爱情:不想放弃这段感情就这样去挽回

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