手机网页制作和pc端什么区别网页设计师要注意什么要点
网站的手机版本和pc版本有很大区别:
1.手机版也就是说是专门针对手机以及各种移动设备如ipd等,pc版也就是电脑版本,这样的网站是专门针对大屏幕显示的,屏幕适应度不同,
2.手机版和pc版本的代码一般也有所不同,一些网站使用的是不同的两套模板,而使用同一套模板的网站,在代码上的书写上会更加麻烦,需要同时考虑pc大屏显示,和移动设备的窄屏幕显示
想从网页页面设计转手机UI设计,好转吗
想从网页页面设计转手机UI设计,好转吗?页页面设计是对已开发出的网站或H5界面进行的页面设计美化工作,而手机UI设计是指对手机软件的人机交互、操作逻辑、界面美观的整体设计,两者既有区别,又有共通性,只要你找准学习UI设计的方法,也十分容易。下面,我总结了一些自己从业心得和经验,希望能为你解惑,对你有所帮助。
“想从网页页面设计转手机UI设计,好转吗?”手机UI设计主要是设计APP和小程序,以及手机界面的H5界面。ipad和平板电脑也可视为手机。
想从网页设计转手机UI设计,好转吗?好转,做到多学,多看,多总结,再创新,就好转不难。
多学,就是多学设计软件。可以设计手机UI设计的软件有PS、sketch、DX、AI、AE等。PS、Sketch、DX,主要是用于界面设计。PS功能很强大,但在手机UI设计中并不会运用到PS太多功能,功能强大反而成了弊端,设计操作时不太方便,效率低,做矢量图不太方便。Sketch是PS的轻量版,学习成本低,上手快,直接可以做矢量图,可以设计图标。基本上会PS就会Sketch,效率高,不仅能能配合蓝湖插件还能直接在设计图上做逻辑跳转。DX是Sketch的替代品,不太稳定。AI主要是用于设计图标。AE主要是设计交互动效,前期也可以不学AE,网上有很多现成交互动效组件,可以直接套用,后期研发人员用起也方便。
多看,就是多浏览优秀的设计稿件,推荐UI中国、站酷以及花瓣网,那上面有很多优秀的作品。通常UI设计是根据产品经理设计的原型图进行设计,如果没有产品经理那么原型图可以自己画也可以忽略这步直接做UI设计。首先要了解和满足客户的功能需求,这需要看客户需求文件。其次就是交互体验感简单舒适,这可以多下载一些知名App和小程序操作体验。接着是界面逻辑要通畅,界面逻辑要严谨不能太跳跃。其次就是界面美观(这点个网页设计类似)。
手机UI设计对尺寸的要求比较规范。无论是界面的尺寸还是设计icon的尺寸,都必须遵循设计尺寸规范,值得注意的是安卓和ios的设计尺寸不同,但通常只需设计一种,后期程序猿会进行适配。以App为例,我用的是iphone8的1倍图375*667像素。
以上是我针对“网页页面设计转手机UI,好转吗”做的回答,希望通过我的讲解你能对手机UI设计有个初步的认识和了解。
可以的
网页设计跟手机UI还是比较相近的,都是交互类设计,只是一些细节规范有些不同罢了。
细节决定了产品的用户体验,一定要遵从用户习惯,具体可以从字号、颜色、点击范围、控件形式等等去了解。