认识达内从这里开始

认真做教育专心促就业

会编程的硅谷设计师，教你什么是“一致性”

发布：互联网
来源：互联网
时间：2018-03-17 14:53

    Ben Gremillion是UXPin的内容策略师.他曾担任网页设计师和后端开发人员.在这方面,他为网络艺术家建立和维护CMS,并参与年度NaNoWriMo挑战.青岛IT培训

    相信无论是对于UI设计新手还是经验丰富的老人,文章都是有一定的借鉴意义的.

    人总是念旧的.因此许多设计师尽量保持作品简单化.这一招很实用,例如说,设计好一个导航条,就可以在其他页面和视图重复使用.

    但设计标准不会一成不变.每当设计人员或编码技术新旧更迭时,不同风格的外观和编码就互相混杂,无法统一.麻烦就跟着来了.

青岛IT培训

    什么是设计一致性原则?

    设计一致性要求产品从外观和运行上具有统一性和整体性,仿佛一开始就计划好了,看不出修改的痕迹.常应用在大网站上,加强用户体验.

    从原则上来说,一致的设计既好做又好保持.省的你绞尽脑汁想出新创意,结果却与现行设计不兼容.从开发人员的角度看,利用已有设计既能减轻负担,还能减少bug几率,何乐而不为.

    新标准容易建立,却很难加强.

    利用设计系统文件来管理项目

    保持设计一致性的窍门在于以文档形式明确规定产品的外观和功能,及其中原理.

    设计系统文件应运而生.作为大纲,它引导所有人遵照项目预期的色调、外观、行为.文件里应该具体说明用例和案例,包括编码片段,视觉示范图,并附上Photoshop或Sketch的源文件.

    小小文件责任重大,好在以下办法能省力不少.

    得到高层许可.设计师作为"底层民工",应该先征求产品经理的同意使事情正规化.这时,告诉他们"设计系统文件能有效防止成本超支",比说什么都来的有用.

    写入合同.不管是为客户还是公司内部做设计,一份正规协议必不可少.明确交付事宜和相关责任,防止责任蔓延.虽说产品才是主要交付物,但长远看来,设计文件的重要性不可小觑.

    全体签字.尤其当项目正在进行时,上至产品经理,下至实习生,一切相关人员都应该充分了解设计系统文件.要让美术主管、主要开发工程师和项目经理这些利益相关者也参与其中.并且关键在于取得他们对文件的书面许可,使他们负起相关责任.毕竟需要签字的事往往更能引起重视.

    文件要便于使用.不要将设计文件束之高阁.不管是通过Dropbox,公司内网还是Google Docs,务必让每个人都知道当设计出现问题时,哪里能找到这份文件.

    实用性很重要.设计文件不仅仅只是一个简单的文档,更是一个现成的资源库和模式库.尤其是模板和编码片段能帮助团队快速解决问题.

    保持更新.每六个月重新审视一下文件,看看是否仍与现行目标和需要保持一致.例如说,用户是否仍然喜爱这种图案风格?客户服务或用户测试是否体现出用户偏爱更友好的设计?现阶段业务是否注重用户行为转化?视觉潮流有否变更?如果有任何改变,找个时间和利益相关人员进行讨论.正如知名设计师Brad Frost所说,一旦模式库不能精准而及时地反映产品状态,它就过时无用了.

    如图,设计文件应该规定字体设计、颜色、风格,并给出用例说明.

    什么需要保持一致性?

    视项目而定,许多事情都需要.从视觉层面说,颜色、字体、图案、各元素位置都十分重要,能帮助用户更好理解产品.

    但用户行为也不容忽视.从模式框,到下拉列表,再到彩色链接,网站的工作方式与外观一样重要.假如将图标视为承诺,任何一个给定的符号,都应该唤起正确的用户预期.用户预期得到满足,才会对这个品牌产生好感.

    语调语态也很重要. 当一个项目,特别是大型项目,需要向用户传递大量信息时,保持信息的一致性,将有助于安抚用户.以MailChimp为例,他们对自己使用的语态有明确的界定,还公开发布在网站上.这一点也同样适用于从表单标签到提交按钮等一系列微文案.

    最后,代码. 如果有什么事能逼疯开发工程师,那一定是重新研究六个月的代码,只为一个丢失分号.使代码保持一致性,更便于彼此兼容和排除故障.爱也好,恨也罢.Bootstrap和Foundation这样的框架的确是一个很好的例子,说明通用代码库更便于调试代码,特别是涉及多个开发人员的情况下.

    怎样检测一致度?

    项目是否保持一致,可从几个方面检测.

    审核界面.将所有元素进行屏幕截图,并分类列出,放在同一个视图中,以一个旁观者挑剔的眼光进行比较.

    审核代码.大多数数字产品都是基于一套核心代码.列出例外情况.

    调查用户使用习惯.例如,相比导航栏,用户是否更偏爱搜索工具? 重要的是用户实际上如何使用产品,而不是你希望他们如何使用.

    分享你的发现.与团队成员或项目经理一起分享发现.当你向他们解释不一致的地方时,常常会揭示出存在哪些一次性解决方案和不明智的假设.

更多青岛IT培训相关资讯,请扫描下方二维码

青岛IT培训