手机界面设计中15种常用布局,网站界面设计


手机界面设计中15种常用布局,网站界面设计

文章插图
做手机界面设计的尺寸是多少:
手机界面设计中15种常用布局,网站界面设计

文章插图
从设计方面来看,做手机界面设计的尺寸一般分为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 。
如果以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设计
手机界面设计中15种常用布局,网站界面设计

文章插图

什么是手机ui界面设计:
手机界面设计中15种常用布局,网站界面设计

文章插图
手机用户界面是用户与手机系统、应用交互的窗口,手机界面的设计必须基于手机设备的物理特性和系统应用的特性进行合理的设计 。手机界面设计是个复杂的有不同学科参与的工程,其中最重要的两点的就是产品本身的UI设计和用户体验设计,只有将这两者完美融合才能打造出优秀的作品 。学UI设计可以到绘学霸上看视频学,也可以自己上网找些教程
手机UI设计主要用什么软件:
手机界面设计中15种常用布局,网站界面设计

文章插图
PS:PS软件在UI设计工作中主要来用做UI设计界面设计、图标设计、图片处理的
AI:AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的
AE:AE软件在UI设计工作中主要用来做动效设计的
XD:XD或者sketch软件,SketchXD软件可以在双系统上安装
Sketch和XD这两款软件功能是差不多的,XD的话是一款非常适合做UI设计工作,XD做图会非常快,因为XD的工具特别少,里面的工具是专门为做UI设计工作开发的一款软件,而且XD软件特别小,不会卡 。
ARP:ARP或者默刀软件,ARP和默刀软件功能差不多二选一学习就可以了,这两款软件都是做原型设计的
UI设计是由很多很多界面组成的,这些界面每一步之间去交接的这个界面,如果说我们只做一个界面,UI设计师是可以做出来的,但是要做几十个上面个界面,如果我们一个个做是肯定会出问题的,所以需要先制作原型,我们根据原型再制作界面,这就是我们的前后联系,原型是不用做这个颜色,图标,细节的,只需搭建一个基础的版式就行,这个就是我们用ARP或者默刀软件做的 。
C4D:C4D软件在UI设计工作中主要用来做建模的
蓝湖:蓝湖软件在UI设计工作中主要用来做标注设计的
就是我们做好了页面,这个页面的高底,宽度,包括页面的色值我们都需要标注出来,为什么需要标注呢,因为我们做的图,做完之后他就是张图片,这个图片我们用手机是点不了的,我们手机APP上的那些图之所以能点,那是因为有程序猿做了一个二次开发,这个东西我们不用懂,但是我们要标注出来,标注出来让程序猿知道你的颜色,你的色值,你的尺寸到时是多少,他才能开发出来 。

推荐阅读