课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
界面设计是每一位UI设计师都应该熟练掌握的一个设计能力,而好的界面设计都是经过许多步骤之后才产生的,今天我们就通过案例分析来了解一下,界面设计步骤包含哪些内容。
产品定义
产品定义就是产品经理通过市场调研、目标用户模型分析等途径,确定产品的定位、目标人群和功能需求。产品经理在需求文档中务必把产品定位和目标人群清晰传达给设计师。
整理需求文档
整理需求文档,建议用思维导图整理。思维导图能让我们更为直观的了解整个App的结构,包括分为几大模块,每个模块包括哪些内容,还有他们之间的联系。
没有思维导图,也不用到处找破解版,原型设计工具Mockplus中自带有脑图模式,可以帮你直观了解整个App的结构。
原型设计
对于界面上要呈现的信息都思考过以后,你就可以在纸上打草图或是使用Axure、Mockplus等原型工具画出原型和交互状态。
注意,评审的时候叫上程序员。不然辛苦了半天,实现不了,就不止是尴尬了。
设计元素上简约、条理清晰就好,去除过多的动效和交互。
原型设计工具
标注工具,推荐国产的zeplin。一键标注,点一下就能在PS或sketch里导出整个界面的标注信息到云端服务器,并且支持随时更新。
原型设计工具,也推荐国产的mockplus,简单好用,上手快,也支持切图处理。
原型设计工具,国产的mockplus支持切图处理
视觉设计
视觉设计包括了几大步骤,分别是风格图的确认、设计规范的撰写、以及后高保真图的输出及切图。
确定风格图
对于界面尺寸和图标尺寸,新手莫过于纠结。建议选择自己的手机尺寸来设计,方便预览效果。或者选择中间尺寸,方便向上、向下适配;
对于颜色、字体、间距都应该先定下常用的参数(主要参数),再往次级依次展开,会使规范根基更稳,调理清晰。关于配色问题。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。