一目了然的设计规范(英文版)
北京/产品设计师/7年前/1489浏览
版权
一目了然的设计规范(英文版)
严谨UI,做好产品
在设计网页上详细设计规范,技术开发一目了然,降低沟通成本,规范UI设计。

首页规范图片
1、统一的删格系统
设计之初,确定设计的最小单位4,依照设计的最小单位,在排版时,横向和纵向的间距都是4的倍数,包括模块与模块间、文本和文本间、文本与图片间等等的间距通常都是最小单位的倍数;logo所占高度,导航高度,banner位置和高度,在设计调整后要做到所有设计界面的一致性。确定home的规范后,随后的页面设计就有了条条框框,延续风格,严谨规范。
2、延续性的色彩规范
每个公司或产品都有自己的公司理念、品牌特色;页面的色彩风格会根据品牌特色、风格、所要面向的目标人群甚至对未来产品发展方向的规划等,根据自身的品牌色,辅助色去延伸不同的配色,包括一些状态色(鼠标悬浮、点击时的色彩变化)都要考虑进去。
3、精确的图标和易读的文本
图标的设计,要展示出要表达的功能,贴合模块内容,让用户一目了然,切记不可为了美观而设计出用户无法识别的图标;文本字体的大小用色要有对比度,一级标题、二级标题和正文的视觉区分,多行文本和段落要注意行高的设置;在产品测试阶段,发现不正确、不美观的地方,及时与开发沟通修改,保证上线的正确率。

延续统一的设计规范,运用多色彩体现产品的特点和风格,做到色彩搭配多样性,又不会造成视觉混乱
4、产品升级后,随时关注用户数量的变化,每个模块的点击数量,分析数据变化的原因,包括增长和减少的原因;与设计有关的不好的数据变化及时调整和沟通,这样设计才能很好的服务产品。
6
举报
声明
4
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
6登录即可同步推荐记录哦
4登录即可加入我的收藏
评论登录即可评论想法
分享分享






































