UI设计流程和规范-从0到1的UI设计工作方式
时间:2024-09-12 来源:朝夕友人 点击:
最近带几个学生一起做UI,初学者对于工作流程和设计规范有所疑惑,就整理了自己日常工作方式进行分享,希望对新入门的UI有所帮助
一、获取原型图
从产品经理处获取项目原型图,当获取到原型图后不要盲目的去进行设计,要先分析了解整个项目的功能、特性、用户群体、项目的定位等等,特别是对功能的疑惑处一定要找产品经理沟通,只有做到对项目了熟于胸才能做出优秀的设计。
二、竞品分析
当我们对项目的功能、特性、用户群体、项目的定位都有所了解后,还是不能马上进入设计环节。我们需要先对市面上同类型的产品进行分析和对比,包括设计风格、配色、排版、功能样式等等,了解其优劣势,做到取长补短,思考如何让我们的产品更加的完善,这时候我们的脑海里面基本上对自己要设计的东西已经有了一个大概的雏形。
三、设计UI界面
1、界面设计规范
这篇文章内所有的数值均以2倍图为例,使用1倍图的同学请自行除以2。
现在UI设计通常使用的是全面屏的设计规范,全面屏的设计稿更加美观,且做作品集的时候搭配全面屏样机视觉效果也更加突出。通常只设计一套苹果全面屏的设计稿,不需要另外设计安卓端设计稿,安卓端由安卓工程师自行适配。
界面尺寸:
界面:750px1624px
状态栏:750x88px
导航栏:750x88px
菜单栏:750x98px
指示器:750x68px
左右边距:32px或24px
*其中状态栏和指示器不需要进行额外的设计,是系统默认控件,除颜色外不可改变。
界面尺寸
常用图标尺寸:
顶部功能:48x48px
顶部功能:48x48px
底部菜单栏(有文字):48x48px
底部菜单栏(有文字):48x48px
底部菜单栏(无文字):64x64px