请选择 进入手机版 | 继续访问电脑版

荆门ui设计师培训:从零如何开始做一个手机APP的ui页面

[复制链接]
查看: 17|回复: 0
admin 发表于 2020-3-9 11:45:17 | 显示全部楼层

要完成一个手机APP的制作,策划之后就看设计师们的了,而要做好APP的设计,UI设计师就是其中非常重要的人物,荆门长林学院Changlin.cn很多ui设计毕业的学员毕业作品中也会有APP的页面制作,今天达妹就给大家分析一下,要做好一个手机APP的设计,有哪些步骤。

首先,我们先考虑一下,一个手机APP的页面是由哪些元素组成:颜色、文字、图案、交互、图标等,那么就从这些方面来谈谈吧!

一、颜色:调性一致一个

APP给用户留下最深印象的往往是界面的颜色,例如淘宝、支付宝,你可能想不起来首页是什么样子的,底部标签栏是什么图标,但是马上能记起淘宝是橙色的,支付宝是蓝色的,网易是红色的……人脑对于色彩的记忆度要高于形态,所以在界面设计中首先就是要运用好颜色,才能帮助用户更好的记忆。

选择颜色时的考虑可以从几个方面出发:使用品牌色、分析行业属性和同类型产品的颜色。

选好颜色之后,需要考虑怎么使用颜色来让自己的产品更加吸引人。

大多数初级设计师在设计界面选择颜色的时候,通常会直接吸取原图上的色彩。其实这样的方式不正确的,无法提升对于色彩的把控。应该要在选取颜色的时候先看一眼原图,然后遮住,通过瞬间记忆能力调试。刚开始的时候需要多次校对来确认颜色,后面会越来越精准。之后眼睛看到的颜色,就能通过拾色器精准选出。

初级设计师在运用品牌色时,常会有一个问题,就是在所有元素上都使用品牌色,会导致面中因为过多主色而造成的视觉疲劳。然而优秀的界面色彩遵循60-30-10原则,60%的品牌色、30%辅助色和10%点缀色,这样使界面有所区分,主次明确。

二、文字:层级分明

大标题正逐渐成为一种流行趋势,相比小标题,它更加醒目直观,吸引用户的注意力,所以在很多设计中,大标题也成为一种设计风格。

大标题风格,并不是说文字越大越好,越有辨识度。只是建议用加大标题字号的形式来区分页面的层级,帮助用户寻找。在设计的过程中,需要思考为什么界面中使用了多种大小的文字?是什么决定了文字大小?

然后回到界面上,分析文字的时候也不是单纯找准字号,因为字号很轻易就可以知道。分析设计过多套 APP 之后才可以得出一套常用字号和使用场景,比如主标题大致在什么字号范围,信息层级区别需要字体相差多少字号等等......

三、图标:风格统一

图标是 APP 设计中必不可少的基础元素,图标需先确保满足基础功能性和识别性。在满足以上两点之后,图标设计时还应融入设计特点,同时保持风格统一,营造良好的用户视觉感受。

确定图标时,需要先判断图标需要哪种类型,线型还是几何型,图标的绘制需要展现APP的特性,设计特点要突出,风格统一的图标也可以获得用户的青睐和关注。

四、配图:品质感

精致的配图能给界面加分,而质量不佳的图片会拉低产品的气质,人靠衣装马靠鞍,大概就是这个道理。

配图可以分成两种,一种是插画类型,一种是图片类型。使用插画类型的一般是入口和选择页面这种不跟随业务、商品进行更改的,配图统一性高,视觉表现力强。

使用图片类型的情况,一般是具体商品,需要根据运营配置,市场供需做出调整。图片的使用也更直接的能让用户感知真实的消费体验和刺激用户下单心理。

五、交互:从用户心理分析

交互设计把一个或者一系列交流互动,用文字、图像或文档等方式,从交流的内容、方式、规则等维度进行统一的设计。

要做好交互设计,首先是需要了解用户的需求和心理,这就需要大量的数据做填充!

看起来设计一个APP的界面并不是很困难,但还是需要设计师们多学习!


您需要登录后才可以回帖 登录 | 申请长林号

本版积分规则

QQ|小黑屋|手机版|Archiver|荆门『长林学院』UI/前端IT教育 ( 鄂ICP备14012562号-20 )  

GMT+8, 2020-4-2 02:09 , Processed in 1.077286 second(s), 16 queries .

快速回复 返回顶部 返回列表