设计中国:分享网页设计风格指南
设计制作网站越来越复杂,通常不是一个人的工作。为确保设计的一致性,以满足业务目标和创造愉快的经历对用户是重要的。
什么是风格指南?
风格指南是整理设计元素,图形和规则设计者和开发者的集合,应遵循以确保独立网站的作品一致,并会创造出完美的视觉和用户体验。
创建一个Web设计风格指南
1、研究品牌
首先,你需要研究用户的品牌,了解品牌背后的故事,并找出了公司的愿景,使命和价值观。重要的是要深入挖掘风格指南,你会产生视觉和情感代表品牌。
如果你是一个设计师,不会写代码,只需打开Photoshop,把你的文档标题和文档,进行描述。主要包括颜色,还有字体的大小。
如果你能代码,这是更好地创建具有代码的HTML文档,能够更方面的使用。
2、定义排版
排版是网页设计的95%。你必须设计正确的版式,因为它是访客和您的网站之间最重要的沟通工具之一。
设置等级和标识。有标题的类型:H1,H2,H3,H4,H5和H6。然后正文,粗体和斜体变。想想将用于较小的环节,介绍文字等的自定义副本。提供字体系列,颜色。
3、调色板
人类如何感知与知名品牌的色彩,这是不可思议的。想想可口可乐,我敢打赌,你想到的肯定是红色。
通过设置主色,将主宰你的网站整体色调,主色应包括不超过三个辅助色。在某些情况下,您将需要二级,甚至三级的颜色,展示你的页面。还包括中性的颜色,如白色,灰色和黑色为主要品牌颜色脱颖而出。
4、图标的运用
图标已经存在了几千年,比文字的时间还长。把图标充分利用在网页设计中,图标更能直接的传达信息,并知道接下来会发生什么。选择正确的图标将给予更多的上下文内容的提示。当使用图标,一定要考虑目标受众,宗教,历史。还有一件事更重要,想想这个品牌和它的价值。
5、图像
确保图像定义风格和图片的网站相统一。再次,想想这个品牌和它的使命的价值。(与官网产品相关联的素材或图片)
6、弹窗与提示
什么样的弹窗才能让网站与用户产生互动,以便用户可以输入数据,完成输入和操作。
确保建立一个层次结构,并包括可能的形式反馈-活跃,悬停,添加错误,警告和成功的消息,包括的东西,如密码过于软弱,电子邮件是无效的或简单的成功消息如“邮件已发出。”
7、按钮
按钮是颜色的调色板,创建具有不同颜色,一致的设计外观和功能按钮。
9、间距
间距是非常重要的。它可以是用于布局的网格形式; 能使标题,按钮,图像,表格和其他元件之间间距限定。正确的间距是非常重要的,因为它提供了更多的喘息空间元素。
-
2021/12/28
-
2021/12/23
-
2021/12/17
- 爱华仕斩获“2021年度中国厨卫行业年度智能
- 回首2021,迎战2022 彩虹线开启新征程!
- 福临板材|福满2021,圆梦2022
- 美特照明:2022年照明新趋势,经销商如何做大
- 会自己“洗澡”的集成灶,帅康自动清洗集成灶
- 带你设计一款功能多变,简单实用的休闲露台阳
- 世纪豪门吊顶:破防了!原来颜值+实力=H20
- 装修木门选的好,噪音统统没烦恼
- 寒潮来了,有淋浴房洗澡更保暖舒服
- 元旦特辑:欧意电器述说生活的点滴与美好
- “中国十大品牌”获奖名单出炉,赛戈水漆荣耀
- 2021值得消费大赏 凯迪仕智能锁荣摘两项桂冠
- 益恩家居:新年新气象,爱自己从好好睡觉开始
- 元旦伊始:健康新生活,从精格管道直饮水开始
- 喜迎元旦|新年新灯饰 箔晶智能照明让酒店暖
- 吉美帮的2021 “专精特新” 深耕屋面防水体
- Aqara携手京东成立灯光设计联盟 打造灯饰照
- 年底厨房焕新颜,如何选择厨电?好太太智能来
- 全铝家具全屋莫兰迪色系,这款美式轻奢范赢邻
- 顺趋势·筑凤巢·赢未来 凤梧居门窗2021年会隆