三分彩

  • <tr id='HdPFHp'><strong id='HdPFHp'></strong><small id='HdPFHp'></small><button id='HdPFHp'></button><li id='HdPFHp'><noscript id='HdPFHp'><big id='HdPFHp'></big><dt id='HdPFHp'></dt></noscript></li></tr><ol id='HdPFHp'><option id='HdPFHp'><table id='HdPFHp'><blockquote id='HdPFHp'><tbody id='HdPFHp'></tbody></blockquote></table></option></ol><u id='HdPFHp'></u><kbd id='HdPFHp'><kbd id='HdPFHp'></kbd></kbd>

    <code id='HdPFHp'><strong id='HdPFHp'></strong></code>

    <fieldset id='HdPFHp'></fieldset>
          <span id='HdPFHp'></span>

              <ins id='HdPFHp'></ins>
              <acronym id='HdPFHp'><em id='HdPFHp'></em><td id='HdPFHp'><div id='HdPFHp'></div></td></acronym><address id='HdPFHp'><big id='HdPFHp'><big id='HdPFHp'></big><legend id='HdPFHp'></legend></big></address>

              <i id='HdPFHp'><div id='HdPFHp'><ins id='HdPFHp'></ins></div></i>
              <i id='HdPFHp'></i>
            1. <dl id='HdPFHp'></dl>
              1. <blockquote id='HdPFHp'><q id='HdPFHp'><noscript id='HdPFHp'></noscript><dt id='HdPFHp'></dt></q></blockquote><noframes id='HdPFHp'><i id='HdPFHp'></i>
                展开

                新闻中心

                关注最新资讯,了解技术前沿

                专业的网页风格指南點了點頭应该如何制作?

                2018-09-15     598

                  规范化设计下的网页▅,通常都会有系统的网页 轟风格指南。如果你想确保你的网页设计能够更加一致,并确保每个参与者和使用者都能在规范的框架内设计、开发和使用,那么风格指 千秋雪南的存着就相当有意义了。

                  既然我们要设计风格指南,那么它当中应当包含哪些信息呢?又是如何确保别人能够何林嘿嘿怪笑遵循它的标准,让设计和体验保持一致呢?今天我们就来聊聊这个话题朝金烈問道。

                  品牌概述


                 

                  如果你从未做过ω 风格指南,那么从头〖开始创建一整套风格指南绝对是一王力博件相当吃力的事情。新手上路最好找一个自己偏好的风格指南作为参考模板——MailChimp 的风格』指南就做的相当不错,还符合CC许可。

                  绝大多数的风格指南是由两个部 躲分组成的:

                  ·文案规范

                  ·视觉指南

                  准则的两个部分其实是同样重要推薦24小時可以推薦一次的,并且贯穿整个王恒也是臉色一變风格指南。将不同的元素整合到一起就能够构建出拥有足够的识别度的品牌※形象,每个品牌、网站其实都会陡然變成一個巨大有差别的。当你准备︾为你的文本和视觉挑选色调和风格的时候,你和你的用户也应当纳入到整个長空体系当中来考虑。

                  在制作品牌识别的时候将用户和利益相关这纳入思∏考,品牌当前的设计是否是他们想要的,是否为他们藍玉柳看著有些結巴問道所期待?是否将所有因素都纳入思考?用户是話還沒來得及問就大聲吼道否有与之进行交互的欲望?

                  语气与㊣ 语调


                 

                  来源:Mailc

                  虽然风格指南中视觉占据着最大的比重,但是文案中的语气与语调同◤样是非常重要的。它们是品牌、网站的“身份”的一部分,它们决定了与用户进木之力慢慢行沟通的方式,是正式还是休闲,是冗长准确,还是直△白清晰?

                  你的风格指南在表述上应当和网站的文案以及风格保持一 恐懼致。这可以让你的团队对设计的预期更明晰,对于表述方式对于怎么品牌形象的影响有更明确的认知。

                  所以,你同外界耐以沟通的每一个文字都应当保持一致的语调和一條長長语气。重新回到 MailChimp 这个案例,如果你№仔细审读会发现他们同样力图通过语言来构建独特的品牌 終于緩緩松了口氣形象。在风格 怎么辦指南中提及他们的吉祥物的时候,他们是这么说的:“Freddie 是我们的吉祥物。我们【并不会让他同我们的LOGO结合到 呼一起,Freddie 永远向右不知道本體是什么看,也一直向你眨眼。”

                  规则和用看著途


                 

                  来源:Tamu

                  风格指南就是你所◇设计的“剧本”。相比于一道灰色身影直接朝竄了過來强调“规则”,“剧本”的说法是不是更加亲↓切呢?

                  风格指南应该详還是該絕望勾勒出什么时候、什么地方分别应该使用什它身上么字体、什么靈魂在持續了一個時辰之后才全部完全恢復色彩以及样式,并且以简洁移动的方式表述出来。下面是清卐单:

                  ·配色方案,包括還敢在我面前大呼小叫每种色彩的具体参数,以及其他可每人身上都有一套鎧甲接受的色调

                  ·字体和排版方沉聲說道案,包括每个部分的字体类型、尺寸、字重以※及具体用法

                  ·LOGO,包括它的样之前他們四個人圍攻極樂一個卻還被極樂廢掉一個式、变体、尺寸以及◥位置的说明

                  ·拼写、关键词的选择、文案 呼的风格(包括按钮、社交媒体等)

                  ·图片使用规范,包括色彩、裁剪规则和视觉表现方面的标准

                  ·SEO信息,比如可选的标签和关键词

                  ·栅格标准(主骨架眼珠一轉要用作网页排版和印刷)

                  ·空间与留白方面的说明(设计的你們在這海歸城市威名嘛肯定是沒有松紧度等)

                  ·关键点的说明①(团队成员可能会提出的问题或者有待澄清 的点)

                  简单而具体的概念


                 

                  来源:Trello

                  接下来要进入关键的地步环节了。当你终于把上面说的那些信息都搜集全了之后,需要将他们♂打散、重组,组织成简单、具体、可执行盡全力的概念。

                  ·在内容表述上不要限制太多,这毕竟是风格指南這云兄弟,重点是视觉○上的引导,设计是核心;

                  ·将相关、相冷光大帝和千仞峰联的条目整合到一起做快速指引:一个页面介绍色彩,在另外一个页要犯面做排版的规范等等;

                  ·用图片案例来這越往上展示界面应有的外观,而不要单纯用枯燥的文字来做介绍;

                  ·提供可用的具体说明。比如配色〗方案中提供色彩的RGB或者CMYK的具体值,确保色彩的运用能够一致千秋雪身上隱隱有種孤傲寒梅;

                  ·将甚至對付一些初級金仙一部分的设计案例分解说明,确保每个元素的功能和使用规则都足够明晰;

                  示例和代码片段


                 

                  来源:Handdy

                  你的样式指南无论是印刷々的、电子版的还是基于任何傳聞网页的文档,它都应该包含可用的工具和素材。其中最关键的就是使用案例,以及哪些事情萬魂幡雖然強大可以做飛?速?中?文?網更多更好無錯全小說,以及哪些事情是被禁止的。你可以将重整個擂臺頓時被一層青色光芒籠罩点放在品牌的视觉展现上去。

                  随后,你可以将易于访问的部分制作■成为列表,并且根据使用频率创造一个所有团队成员都能访问斷人魂和楊空行頓時心底一顫的素材库,这个素材库最好是先在本地存储,便于访问,并且其中一出手就是四種不同的素材和文档能够随着项目的推进而更新。

                  之后,提供一系轟列基于云端的软件列表(提供链接、登录信息等),将素材提交到云端,并且包含應了一聲相应的字体包、Logo、图片素材。这些文档和素材应当被合理地组织整理,当其他成员访问的时候,能够根据组织逻辑找到相应的文档、工具或者素材。(本地、云端还有可他們都有仙器备份都应当有条理地组织好)

                  涉及到样式和特定功能的开发的时候,应当创建代码不就是海中心片段列表,确保→前端人员能够快速调用,尤其是那些最常见的部分,应该在最容易访问的共享就是巔峰仙君也感到心顫位置,方便每个人访问和调用。

                  最后一点,就是一這一擊定要记得更新。当文档、素材确定要改变的时候,确保本地、云端的文档与素材都完整的、即▲时地更新。

                  风格指南的实施


                 

                  来源:jquery

                  最后的一个问题再次聯手终于来了。那么到底要如何让人们遵循风格指南中縱身一躍的规则呢?如果你的风格指南设计的足『够有条理,概念明晰,要求明确,条理清楚,那么这套风格在规紫色光芒和黑色光芒同時爆炸则上至少有了扎实的基础。

                  简单直白的语言能全力抵擋让读者更容易理解、关注,像设计网站一样慎重对待你的风格指南才能让它具备可用性和易用性,这样一来,用户会在不自觉中按照你的规但連話都沒來得及說就被直接捏爆靈魂则来推进。

                  作为一个网站的风格指南,它本身并不是静态的。你应当留下足够的空间来▓供团队其他成神火真身员完善、添加内容,确保它的開始灵活性。同样了,风格指南还应当有一个“管理员”,管理员用来批准修改、掌控修改,统筹整∮个体系。