ps怎么设计手机ui
1
首先在平面软件:Photoshop里面新建个画布,然后拉渐变
2
先在平面软件:Photoshop新建一个圆角四边形,做出手机UI的形状,找到渐变填充的工具填充颜色
3
在平面软件:Photoshop的圆角四边形里画一个翻页的角,然后找到混合选项-渐变叠加进行调整
4
给手机UI的翻页角加高光,使翻页角更真实
5
在平面软件:Photoshop里面手机UI翻页角那填充白色,然后拉阴影
6
在平面软件:Photoshop里面画出笔的形状,然后一半加阴影使手机UI更真实
7
在平面软件:Photoshop里面给手机UI加阴影
简单的手机UI就制作完成了
一、界面设计
手机上的所有软件都需要界面设计,比如手机APP软件界面中的登录界面和注册界面,像大家经常用的微信这个APP,我们下载微信看到的第一步就是注册界面.只有我们注册了账号才能进行微信的使用,而我看所使用所看到的界面,这些就是我们我们用ps软件来进行设计的。
二、图片处理
我们在设计手机APP界面设计的时候,会发现很多APP界面中都会有图片,而这些图片素材的来源,一般都是用相机拍摄或者去素材网站中下载而来的,但是通过这些途径来的素材,并不是就能适合我们UI工作中要用的素材,所以这一步在我们UI设计师的工作环节中,就需要使用ps软件来对素材进行修改。
三、运营设计
很多公司不定期都会举办很多运营活动,像圣诞节,国庆节,中秋节等节日,这些节日都会有相对于的活动结合自身公司的产品来进行运营,这些运营的设计我们就可以用ps软件来制作。
四、原型设计
原型是属于交互设计的工作内容,不过现在很多公司没有交互这个职位,还是由我们UI设计来担任。那这块的原型图就是我们需要设计的了,一般原型图是用AXURE软件和墨刀软件来进行设计,不过我们的ps软件也是可以设计原型的,而且设计的会比较漂亮,所以这块ps软件也是可以有帮助的。
从设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备。
如果以iPhone为设计设备,尺寸一般是使用750x1334,1125 x 2436,1242 x 2208这三种尺寸设计都可以,750x1334是2倍图设计,1125x2346和1242x2208都是3倍图来进行设计。
如果是用PS做设计稿就用750*1334,如果是用SKetch或者XD来设计,常见是用1倍尺寸来说,也就是375*667或者375*812(iPhone X)。
如果以Android为设备进行设计,尺寸一般使用720x1280,1080x1920进行设计第一种是2倍图,第二种是3倍图。
近年来iPhone和Android的设备增多,各尺寸也逐渐变多,下面有一份安卓屏幕尺寸表:
以及一份iOS屏幕分辨率和尺寸表:
扩展资料:
1、UI界面设计的基本要素:
机界面层级: idle(待机界面) Mainmenu(主菜单) Submenu(二级菜单)Third level menu(三级菜单) 界面除了包括图标和文字外,比较重要的还有function animation(呼叫,发送信息等) 以及 function interface(计算器,日历界面等)
明确意义的图标,风格鲜明的版面设计是手机界面设计的重要工作,较为流行的是以Motorola,Nokia等为代表的欧洲简单风格,以及韩国的时尚绚丽的风格。
2、设计注意事项:
尺寸问题: 480x800,540x960,720x1280,1080x1920象素尺寸是较常见的手机屏幕尺寸,在设计时可以根据实际产品要求进行设计,更大的屏幕可以有更多的交互表现和视觉元素的支持,较为自由。
色彩问题: 由于手机lcd本身的限制,在色彩的还原程度上没有pc如此完善,因此在选用色彩时要根据使用的屏幕进行调节。
可实现性问题: 受到硬件运算速度和内存的影响,以及不可预计的后台程序开发难度,过于复杂的效果将很难进行实现,与程序工程师和ui工程师,硬件工程师的沟通显得尤为重要。
参考资料来源:百度百科-手机UI设计
获知手机屏幕的大小主要有两种方法。注意,虽然提示为“主屏尺寸”,但目前一般的手机辅助类软件并不提供屏幕大小的查询,只提供屏幕分辨率的查询。
方法一:去 ZOL 中关村在线查,输入手机型号搜索即可。(图中,1 处为屏幕大小,2 处为屏幕分辨率)
方法二:用尺量屏幕对角线长度,然后换算成英寸(2.54厘米 = 1 英寸)。