ssw6618

新闻资讯

时时了解最新动态

【上海网站建设】如何从零开始设计APP?

2020-06-12  
对于APP设计而言很多新人因觉得很给把控。 当我们拿到一个APP首先要做什么呢?
比如小编最近在设计一个建材项目的APP,拿到项目之前必须先思考,思考什么,当然先要了解他们公司的业务,做建材的,主营业务是什么?O2O还是B2B?
做为一个APP设计人员,其实要想的比产品经理还多,因为你只有理解流程了,才能设计出一个更加人性化用户体验度高的产品。
了解同行做建材的优秀案例。
 
APP设计的前期准备我们可以从3个点入手
 
一、和客户沟通好,他们倾向于哪种颜色?
在做这个设计之前也了解过很多同行,给了几个颜色给客户选择,京东红、网易红、饿了么蓝。取几种颜色,比较常见的,直观的让客户去选择,不要让客户自己创造颜色,
你要让他做选择题。最后客户选择了网易红,网易的红色是深红色,比较严谨的红,网易严选的广告词就是网易严选 - 以严谨的态度,为中国消费者甄选天下优品“
所以这个红色也是严谨沉稳的。做建材用这个红色也很适合,质量感大大的提升。
品牌色已经选择好了,然后内容色就要自己去搭配了。
品牌色,是可以直接运用到设计中,除了原有的品牌色,还可以根据页面的整体视觉需求,制定合适的辅助色,辅助色一般是用于区分不同标签、icon、内容等。
品牌色是运用最多的,一旦选择,以后很多地方都要用到的。
 
什么是内容色?
 
字体、背景、分割线这些都叫内容色。这类颜色用的比较多的是白到黑之间的色值。我定义的颜色都是100%纯色,直接使用颜色的数值。#000000纯黑色,调整不同的透明度使用,有透明度的颜色在不同颜色背景上会有不同的视觉效果,所以色值在提供给前端人员的时候,还需要进行调整。内容色的制定方法就看设计师的个人习惯来调整了,只要能正常进行开发,视觉效果保持一致即可。
 
 
二、风格的确定
 
现在最流行的风格就是极简风,当然不能一味的运用上去,在做设计的时候要带入品牌元素,有自己的特色,加入情感化设计,拉近产品与用户之间的距离。用网格系统,创造合适的视觉样式,规范设计原则。
 
图标也是风格中的一种,图标分为,剪影图标、轻拟物图标、轻质感图标、文字图标、叠加图标、插画图标和拟物化图标。
 
其中,剪影图标、轻质感图标、插画图标比较常见,插画图标多用于节日类型的宣传,游戏类app。拟物化、轻拟物图标的流行趋势比较早年了,个人认为轻质感是拟物简化的样式。叠加类图标,实际属于一种创新类样式设计,不同颜色、线条、或透明度叠加的视觉样式。
 
icon设计的风格最终还是由设计师自己来决定,在时间充裕的情况下,设计师可以运用常用的图标样式结合产品特点设计出2~3版的飞机稿和团队人员进行讨论,图标的设计风格上要保持统一性原则。
 
 
学习网格系统
 
拥有一套统一的网格系统,就能保证设计师们的产出具有高度的一致性、规律性,合作起来更加地高效。
 
如图:

三、如何在APP设计中运用网格系统?
 
 
第1步:定义最小单元格
 
最小单元格的数值,大多数 APP 会选择4-10这个范围内一个偶数。那么选用哪个值最为合适呢?
 
这需要从两方面考虑:
 
一方面是该数值是否能被大多数手机屏幕的宽度整除,即广泛的适用性;
另一方面是在具体使用时是否具有一定的灵活性。
在适用性方面,4、6、8、10这四个数值都是基本可以满足的,在灵活性方面,4px表现最佳,但是页面就会被分割的非常细碎,在设计时比较难于把控。
 
因此我们需要根据 APP 的实际情况选择合适的数值,4px或6px单元格比较适合页面内容信息较多,布局排版比较复杂的产品,例如:淘宝、考拉等电商类APP;而8px单元格对一般的设计场景都可以很好的满足,比较适合大多数的 APP产品,因此是比较推荐使用的。
 
 
 


声明:本站转载自网络,版权归原作者所有,文章所述观点并非翼好网络的观点,如有侵权请第一时间联系我们时间进行删除。翼好网络是一家正规的上海网站建设公司,欢迎前来咨询建站业务!