网站手机版设计 网站手机版设计教程

手机网页制作和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还是比较相近的，都是交互类设计，只是一些细节规范有些不同罢了。

细节决定了产品的用户体验，一定要遵从用户习惯，具体可以从字号、颜色、点击范围、控件形式等等去了解。