用灵魂感悟设计 · 用设计创造价值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您当前位置:  设计中国    ⁄    网页设计    ⁄ 资讯内容

设计中国:分享网页设计风格指南

作者:admin      来源:互联网      发布时间: 2016/10/13 16:08:26     浏览:
设计制作网站越来越复杂,通常不是一个人的工作。为确保设计的一致性,以满足业务目标和创造愉快的经历对用户是重要的。

  设计制作网站越来越复杂,通常不是一个人的工作。为确保设计的一致性,以满足业务目标和创造愉快的经历对用户是重要的。

  什么是风格指南?

  风格指南是整理设计元素,图形和规则设计者和开发者的集合,应遵循以确保独立网站的作品一致,并会创造出完美的视觉和用户体验。

  创建一个Web设计风格指南

  1、研究品牌

  首先,你需要研究用户的品牌,了解品牌背后的故事,并找出了公司的愿景,使命和价值观。重要的是要深入挖掘风格指南,你会产生视觉和情感代表品牌。

  如果你是一个设计师,不会写代码,只需打开Photoshop,把你的文档标题和文档,进行描述。主要包括颜色,还有字体的大小。

  如果你能代码,这是更好地创建具有代码的HTML文档,能够更方面的使用。

  2、定义排版

  排版是网页设计的95%。你必须设计正确的版式,因为它是访客和您的网站之间最重要的沟通工具之一。

  设置等级和标识。有标题的类型:H1,H2,H3,H4,H5和H6。然后正文,粗体和斜体变。想想将用于较小的环节,介绍文字等的自定义副本。提供字体系列,颜色。

  3、调色板

  人类如何感知与知名品牌的色彩,这是不可思议的。想想可口可乐,我敢打赌,你想到的肯定是红色。

  通过设置主色,将主宰你的网站整体色调,主色应包括不超过三个辅助色。在某些情况下,您将需要二级,甚至三级的颜色,展示你的页面。还包括中性的颜色,如白色,灰色和黑色为主要品牌颜色脱颖而出。

  4、图标的运用

  图标已经存在了几千年,比文字的时间还长。把图标充分利用在网页设计中,图标更能直接的传达信息,并知道接下来会发生什么。选择正确的图标将给予更多的上下文内容的提示。当使用图标,一定要考虑目标受众,宗教,历史。还有一件事更重要,想想这个品牌和它的价值。

  5、图像

  确保图像定义风格和图片的网站相统一。再次,想想这个品牌和它的使命的价值。(与官网产品相关联的素材或图片)

  6、弹窗与提示

  什么样的弹窗才能让网站与用户产生互动,以便用户可以输入数据,完成输入和操作。

  确保建立一个层次结构,并包括可能的形式反馈-活跃,悬停,添加错误,警告和成功的消息,包括的东西,如密码过于软弱,电子邮件是无效的或简单的成功消息如“邮件已发出。”

  7、按钮

  按钮是颜色的调色板,创建具有不同颜色,一致的设计外观和功能按钮。

  9、间距

  间距是非常重要的。它可以是用于布局的网格形式; 能使标题,按钮,图像,表格和其他元件之间间距限定。正确的间距是非常重要的,因为它提供了更多的喘息空间元素。