2021-12-03 10:54发布
基础规范
除了掌握基本的UI设计技能外，我们也要对移动端的设计规范有所认识，基本规范能满足用户的视觉体验。其次，为了能在用户体验、交互体验上做出比竞品更优秀的产品，我们必须先熟悉市场产品的设计规范，然后建立属于自身平台的规范。
栅格系统
栅格系统是界面设计师强有力的辅助工具，它能指导我们用科学的方式布局页面，而不是任凭个人主观意识进行布局能，目的是让页面布局规范有序、节奏统一，让设计师的效率得以快速提升。
色彩规范
为什么要强调界面的色彩搭配？因为通过色彩可以传递企业文化和设计师的情感，而色彩规范一般是注重“品牌色、辅助色、点缀色、状态色、背景色”的色值和使用范围，它是项目中不可缺少的一部分。
图片规范
不同比例的图片所传达的信息不尽相同，根据产品属性我们会选择与之相符的图片比例进行整体的框架布局。通过最近体验一些主流App，会发现一些常用的图片比例，如1:1、4:3、16:9、16:10等等。
图片比例 1:1 — 常用于产品头像、商品主图、特写图片，目的是为了凸显主体存在感，在电商App中比较常见。
图片比例 4:3 — 常用于作品封面、文章首图，但设计布局占用空间较大。
图片比例 16:9 — 多用于横向构图，是应用最广泛的一种尺寸，在视频、直播产品中比较常见。
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 四季奶青 的问题《设计移动 App 需要注意哪些方面？》','http://www.shouhuola.com/answer/37181/141020.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
基础规范
除了掌握基本的UI设计技能外，我们也要对移动端的设计规范有所认识，基本规范能满足用户的视觉体验。其次，为了能在用户体验、交互体验上做出比竞品更优秀的产品，我们必须先熟悉市场产品的设计规范，然后建立属于自身平台的规范。
栅格系统
栅格系统是界面设计师强有力的辅助工具，它能指导我们用科学的方式布局页面，而不是任凭个人主观意识进行布局能，目的是让页面布局规范有序、节奏统一，让设计师的效率得以快速提升。
色彩规范
为什么要强调界面的色彩搭配？因为通过色彩可以传递企业文化和设计师的情感，而色彩规范一般是注重“品牌色、辅助色、点缀色、状态色、背景色”的色值和使用范围，它是项目中不可缺少的一部分。
图片规范
不同比例的图片所传达的信息不尽相同，根据产品属性我们会选择与之相符的图片比例进行整体的框架布局。通过最近体验一些主流App，会发现一些常用的图片比例，如1:1、4:3、16:9、16:10等等。
图片比例 1:1 — 常用于产品头像、商品主图、特写图片，目的是为了凸显主体存在感，在电商App中比较常见。
图片比例 4:3 — 常用于作品封面、文章首图，但设计布局占用空间较大。
图片比例 16:9 — 多用于横向构图，是应用最广泛的一种尺寸，在视频、直播产品中比较常见。
一周热门 更多>