一目了然的设计规范(英文版)

用户头像
北京/产品设计师/7年前/1489浏览
一目了然的设计规范(英文版)
用户头像
sally_su

严谨UI,做好产品

在设计网页上详细设计规范,技术开发一目了然,降低沟通成本,规范UI设计。

首页规范图片


1、统一的删格系统


     设计之初,确定设计的最小单位4,依照设计的最小单位,在排版时,横向和纵向的间距都是4的倍数,包括模块与模块间、文本和文本间、文本与图片间等等的间距通常都是最小单位的倍数;logo所占高度,导航高度,banner位置和高度,在设计调整后要做到所有设计界面的一致性。确定home的规范后,随后的页面设计就有了条条框框,延续风格,严谨规范。



2、延续性的色彩规范


     每个公司或产品都有自己的公司理念、品牌特色;页面的色彩风格会根据品牌特色、风格、所要面向的目标人群甚至对未来产品发展方向的规划等,根据自身的品牌色,辅助色去延伸不同的配色,包括一些状态色(鼠标悬浮、点击时的色彩变化)都要考虑进去。


3、精确的图标和易读的文本


      图标的设计,要展示出要表达的功能,贴合模块内容,让用户一目了然,切记不可为了美观而设计出用户无法识别的图标;文本字体的大小用色要有对比度,一级标题、二级标题和正文的视觉区分,多行文本和段落要注意行高的设置;在产品测试阶段,发现不正确、不美观的地方,及时与开发沟通修改,保证上线的正确率。





延续统一的设计规范,运用多色彩体现产品的特点和风格,做到色彩搭配多样性,又不会造成视觉混乱



4、产品升级后,随时关注用户数量的变化,每个模块的点击数量,分析数据变化的原因,包括增长和减少的原因;与设计有关的不好的数据变化及时调整和沟通,这样设计才能很好的服务产品。


6
举报
|
4
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI通用设计素材1
【新年UI图标】钱包icon
【新年UI图标】会员icon
新能源APP应用UIKit
智能家居中心 简约 UI设计组件库
3D渐变流体抽象矢量UI背景图
【新年UI图标】礼物/活动icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
我的钱包-UI界面设计-app
高级感金属拟物 UI设计组件库
【新年UI图标】30个图标
拟物风质感写实UI卡片合集源文件
户外旅行飞机情侣假日出行
科技医疗透明柜UI界面设计
3D卡通UI界面图标可爱插画免扣素
手表表盘UI系列
高级表盘系列UI源文件
【新年UI图标】汽车icon
【新年UI图标】旅行icon
钱包ui模板
【新年UI图标】体育icon
UI 登录界面设计模板包
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI界面 组件
你可能喜欢
大家都在看
登录注册