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

风格指南里该有什么,如何执行?

3月23日 无镇楼投稿
  每个网站都需要一套风格指南。原因很简单,如果想要在整个项目中贯彻一致性,让所有人达成共识,风格指南的价值是无可估量的。既然如此,我们先把它放在一旁,指南中究竟应该包含哪些东西?如何确保团队成员遵守规则,让视觉表现保持一致?那就更复杂了。这就是我们今天的话题。
  品牌综述
  如果你从没创建过风格指南,那可能令人望而生畏。新手可以先找一套自己喜欢的指南来学习MailChimp是最优秀的风格指南之一,它还开放给了整个设计行业可以将它作为着手开始的示例。
  多数风格指南包含两部分:
  版权指南
  视觉指南
  风格指南的每块都同样重要,它们是整个指南的一部分。融合所有元素来构建完整的品牌特征。每个品牌、公司和网站都有所不同。要选择一套在文案和视觉方面适合的语言风格和样式,但这也和整个用户群有关。
  建立品牌特征时要兼顾用户和股东,这是他们想要和期望的品牌吗?他们能把它与品牌联系起来吗?他们会想与之互动吗?
  语言和语调
  我们最关注风格指南的视觉方面,但语言和语调非常重要。品牌特征有一部分是你如何与用户“交谈”。交谈方式是正式的还是随意的?是详细的还是简洁的?
  要用与网站类似的语言风格来撰写风格指南。这有助于让团队理解期望的效果,并且展现出语言风格对品牌特征有何贡献。
  应该从你做起,把语言和语调用在每一处沟通中。回顾MailChimp的大纲,总体了解品牌语调。留意这家公司如何谈论它的吉祥物,比如:“Freddie是我们的吉祥物。我们不会把它和logo结合使用。Freddie永远都面向右边,并且总是挤眉弄眼。”
  “规则”和运用
  风格指南应该是你的设计“剧本”。(这是不是比“规则”听起来更友好?)
  它应当以一种易于理解的方式,描述如何、何时使用字体、颜色和其他所有类型的设计元素。下面是它所包含的清单项:
  配色方案,包含色值和可接受的深浅变化
  字体方案,包括所有字重、字号、行距和用法
  Logo,包括尺寸和位置的规范
  图标或元素样式(这包含了从按钮到社交媒体分享图标等各种元素的处理)
  拼写,文字选择和文案风格(应当遵循怎样的文字规范?APA、AP、还是其他?)
  照片指南,包括色彩、剪裁和视觉表现
  SEO信息,包括备选文字和关键词
  栅格系统(用于网页和印刷)
  留白的考虑(设计应该宽松还是紧凑)
  联系(一个让团队成员能够提问和查看说明的地方)
  简单明确的概念
  最难的部分来了。你得综合上面所有信息,浓缩成简单、明确、可执行的概念。
  设计风格指南时,对于内容不要过度设计。这是一份视觉参考;要以视觉参考的方式来设计。
  相关项目分到同一页,以供快速查阅:一页讲色彩,另一页讲字体,一页讲照片,等等。
  提供外观的案例。如果可以用图解释问题,就不要用文字。
  提供有用的细节标注。比如配色方案,应该使用RGB(或HEX)和CMYK模式,以使颜色在各处的运用保持一致。
  从设计中拆分出各部分,展示各种元素的使用。
  片段与示例
  无论你的风格指南是印刷的、数字的,还是网页文档,都应当配上使用方式。其中有个要素极其有用,品牌的示例和反例。它能轻易强调你所希望的品牌视觉效果。
  然后,整理一套方便查找的目录。为所有团队成员建立样式库(或一系列通用元素,这取决于你用的软件)。把文件存在一个大家能够访问的公共位置,这样就能相对容易地修改。
  为项目中的每个人提供一系列的云端软件(包括链接、用户名和其他基本信息)。确保所有字体包、logo和图片文件放在常用位置,并且每个人都知道它们在哪。(在别处留一份备份,以防有人在原件上修改和保存。)
  编写一套标准代码片段,能轻松复制粘贴到项目中。不必每次都重新创造。通用元素应该存放在一个共享位置,每个人都能打开。
  这部分最后一点,就是要记得更新。一切都在变化它们也是。SmashingMagazine有一篇精彩的案例研究,描绘了一套“活的风格指南”。
  执行风格指南
  最后,最大的问题是:“如何让人们遵循这套规则?”如果你按照上面的方式设计这套指南,就已经很好解决这个问题了,尤其是简单明确的概念。
  指南要容易学习和使用(就像你的网站)。语言要简练,不要事无巨细交代,这样大家就愿意遵守规范。
  它应当是一本指南书,为具体设计留下了充足的空间和灵活性。设计一系列约束能够帮助团队成员释放他们的创造力,同时创造出符合你品牌的作品。风格指南也要有个主人。这个人要负责审批更新和改变,要能回答设计决策上的问题。这个“主人”可以是一个人,也可以是一个团队,取决于你公司的大小。
  结论
  你是否已经拥有一套风格指南了?或者需要新建立一套?这是一项每年都应该进行的工程,这样能让指南时刻保持最新。(如果你的旧规范还在,就不能怪团队成员)
  你有没有设计或见过优秀的风格指南?我对这些非常感兴趣,很想看一看。你可以在Twitter上联系我,或者给我发邮件。
投诉 评论 转载

关于分答,产品经理应该具备的6个分析视角分答是个什么样的产品,究竟应该怎么样看待和分析它,作者在本文中这里尝试给出自己的解读。最近冒出一款App分答,很火,火的东西龙哥一般都有兴趣,就像对之前的直播平台一样。于……提升色盲用户的体验据ColourBlindAwareness的统计,总人口的4。5是色盲。如果你的用户多数是男性,则这个比例还要上升到8。人们常常忘了为色盲设计,因为多数设计师不是色盲。本文中,……由被带节奏反思自己设计中的惰性心态最近在做设计的过程中又犯了错误,背景大概是这样的:PD之前已经给出了一份信息详细、很交互稿的Prd,而我因为需求在交互快定稿时业务逻辑被大改过、下周要参加脱产培训需压缩交付时间……浅论打赏:TFBOYS为何能在一小时赚到30万?传统秀场里,大量的打赏动作,其实是通过道具完成的。花样繁多的道具背后,其本质就是打赏。我们花人民币买了平台上的虚拟货币,然后用这种货币购买不同的道具并(同时)打赏给主播,最红,……我们的社区产品为什么无法让人沉迷?什么能使人沉迷?除了酒色财,游戏是最好的例子,游戏的防沉迷系统充分证明了游戏强大的吸引力。能否借鉴下游戏里面的做法,为本产品植入一些游戏的属性,吸引用户进来并活跃起来?最……产品设计,想清楚了就去做都说做产品就像养育孩子,在孩子成长的不同阶段,需要选择相应的“教育方式”。从产品策略的确定到最终设计的呈现,看似明确的产品轨迹,其中却蕴藏着复杂。战略已定,如何调整阶段目……APP为什么没用户?因为你的产品里没有自分享引擎!分享功能,几乎每个移动互联网产品上都有,毫无疑问,移动产品在近几年的快速发展中,分享,已经成了APP的标配,但或许大多数产品的分享效果并不如意,有的甚至就是摆设。什么?你……如何利用空白状态提升用户留存率?千万不要忽略空白状态页面的重要性,它是用户设计体验中的一部分,对用户的留存至关重要。空白状态产生的原因空白状态,英文EmptyState,通常是指App或者网页上没……从场景思考,让你的交互细节levelup场景是真实的以人为中心的体验细节。场景依赖于人,没有人的意识和动作就不存在场景。《场景革命》场景赋予行为意义,每一种新鲜的行为体验的背后,都伴随着新的场景洞察。在传统的产……移动APP消息推送设计,真的就是Push这么简单吗?几乎每一个移动APP中都或多或少包含了消息推送的功能,在协同类工具中更是如此,不同角色、不同时间点、不同渠道、不同的信息等交织在一起,往往在分析和设计时让人觉得纵横交错。其实,……风格指南里该有什么,如何执行?每个网站都需要一套风格指南。原因很简单,如果想要在整个项目中贯彻一致性,让所有人达成共识,风格指南的价值是无可估量的。既然如此,我们先把它放在一旁,指南中究竟应该包含哪些东西?……入行14年,我想我应该有资格来说一说设计了从搜狐高级设计师到淘宝网UED主管再到微软中国用户体验布道师,作者在设计行业摸爬滚打了14年,今天这篇好文他聊了很多同学关心的话题:艺术家和设计师有什么不同?设计的用处到底是什……
职场正能量的语录40条职场正能量的语录经典职场心灵鸡汤语录常用职场心灵鸡汤语录职场的语录职场的语录简短的职场正能量的语录69条职场心灵鸡汤语录68条常用职场心灵鸡汤语录简洁的职场的语录职场正能量的语录经典职场正能量的语录36条
家庭无线WiFi使用注意什么家庭无线WiFi使用注意事项详解谭维维改编刀剑如梦致敬金庸挑战绕口令首次尝试说唱财产保险费计入什么科目财产保险费属于什么科目八月新游预告来看看那些即将上线的新手游们,无期迷途纸嫁衣4怎么查苹果手机里以前的定位!(怎么能查到苹果手机的位置)年轻时辛苦老年时能收获福运的生肖明星解约或许要赔偿大额违约金,损失最大的是谁?新能源汽车的报废电池去了哪里?肝硬化害怕3种食物,坚持吃,修复肝细胞,肝。。。尝到合作的甜头后,三星或正争取首发Fuchsia世界上最大的水蛭暴君水蛭号称水蛭之王【歌词】听妈妈的话周杰伦歌手:游戏音乐劲舞团热闻聚热点网

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