移动端ui

1. web端UI设计和移动客户端UI设计有什么不同

界面的大小不一样
UI即User Interface（用户界面）的简称。泛指用户的操作界面，包含移动APP，网页，智能穿戴设备等。UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

2. 移动端UI设计和PC端UI设计的区别

移动端UI设计：指的是手机上的UI设计
PC端UI设计：指的是电脑上的UI设计
那么这2种UI设计有那些地方不同呢，
今天就和大家讲下。
1. 屏幕尺寸不同
电脑显示器的屏幕尺寸一般为，19-24英寸，
手机屏幕尺寸一般为，4-6英寸。
尺寸不同的背后就是，2种设计的设计显示区域也不同。
所以电脑上的UI设计，首页要多放一些内容，
尽量减少层级的表现。
而手机上的UI设计，因为屏幕显示尺寸有限，
所以不能放那么多内容，可以多加层级。
像电脑版的淘宝，一进入内容非常的多，包括了主题市场分类的显示，
广告页的展示，个人中心的展示等。
而手机版的淘宝，层级较多，有五个大的展级，
其中主屏上又有十个小的层级，一层连一层，
展示区域相对较少，没有主题市场分类的直接展示，
必须通过层级进入二级页面才能看到。
2. 设计规范不同
电脑的UI操作一般是用鼠标，手机的则是用手指，
鼠标精确度非常的高，手的精确度相对较低，
所以电脑上的图标一般会小一些，手机上的会大一些。
微信的电脑版的图标，明显比手机上的要小一些。
3. UI交互操作习惯不同
电脑可以实现，单击，双击，按住，移入，移出，右击，滚轮等操作。
手机只能实现，点击，按住，和滑动等操作。
所以电脑上可以展现的UI交互操作习惯可以更多，功能也就更强。
手机上的话弱化了很多。
像手机版的腾讯视频，在屏左边上下滑动可以调亮度，右边上下滑动可以调声音。
最下面左右滑动可以调视频的进度，双击可以暂停，其它的就是要通过图标点击才能生效。
而电脑版的，就可以双击，右击，单击，滚轮多点操作了。

3. 面试官问：PC端与移动端在UI设计方面有什么区别

前端开发中PC端和移动端网站的区别，主要是：
1、PC端在开发过程中考虑的是浏览器兼容性，移动专端开发中属考虑的是手机兼容性问题，做移动端开发，更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化；

2、在部分事件的处理上，移动端自然是偏向于触屏的，另外包括移动端弹出的手机键盘该如何处理，这样的问题在PC上肯定不会遇到，但在移动端，如果你没有经验，处理起来是相当麻烦的；
3、布局上，移动端开发是要做到页面布局自适应的，而PC端页面布局的比例会相对固定；
4、在动画效果处理上，PC端要考虑IE的兼容性，通常用JS做动画的通用性会好一些，但相比CSS3却牺牲了较大的性能，而在手机端，如果要做一些动画、特效等，第一选择肯定是CSS3，既简单，效率又高。
总结：以上是移动端和PC端比较突显的区别，在实际的开发应用过程中，还会有更多的差异化区别。

4. 什么叫移动UI设计师

移动UI设计师是从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。

设计从工作内容上来说分为3大类别，即研究工具，研究人与界面的关系，研究人。 与之相应， UI设计师的职能大体包括三方面：

一是图形设计，即传统意义上的“美工”。当然，实际上他们承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。

二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。

三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。

(4)移动端ui扩展阅读

UI设计师在移动应用产品设计、游戏软件、多媒体制作、广告设计、工业设计及医疗、军事、科技、交通、通讯、商业流通领域都有广阔的发展空间。

由于UI设计师在国内的发展尚处于起步阶段，整体上缺乏一个良好的学习与交流的资源环境，这一领域真正高水平的、能充分满足市场需要的UI设计师为数甚少；而IT行业日新月异的发展速度和人们日益提升的生活标准，也对从业人员提出了越来越高的要求。

因此，UI设计师应该通过不断的学习实践，在诸多不同领域，尤其是在人才资源普遍缺乏的社会学、心理学等人文学科领域拓展视野，丰富自我，努力向高级、资深设计师乃至设计总监的方向发展。

除此之外，具有较强协调、组织、管理能力和领导资质者，则可考虑晋升为IT项目经理。

5. 移动端ui设计分类排列方式有哪几种形式

UI设计也抄是随着互联网的发展在不断的更新的，每一个时期或者阶段的用户需求会发生很大的变化，不管是移动端还是pc端，如果始终坚持以往的设计风格，没有新的变化，无疑会被市场所淘汰，每天都接受新的东西，是一位ui设计要做的事情。

6. 如何成为一个移动端UI设计师

学习，理解，联系，实践分这四步走，王氏【cgwang】就是走踏实路线，一步一个脚印最终一定会有收获的，加油

7. 什么是移动UI设计

什么是UI设计
UI 设计，全称 User Interfac，翻译成中文意思叫做用户界面设计。
UI设计按用户和界面来分可分成四种UI设计。
分别是移动端UI设计，PC端UI设计，游戏UI设计，以及其它UI设计。
（前往公众号UI设计区可了解更多）。
第一种：移动端UI设计
移动端UI设计，也就是手机用户，界面指的就是手机界面，也就是说手机上的所有界面都是移动端UI设计。
比如微信聊天界面，QQ聊天界面，手机桌面，手机上看到的所有图标界面点了后会有反应都可以理解成移动端UI设计。
第二种：PC端UI设计
PC端UI设计，也就是电脑用户，界面指的就是电脑上的操作界面。
像电脑版的QQ，微信，PS等软件和网页的一些按钮图标等，都属于PC端UI设计。
第三种：游戏UI设计
游戏UI设计，用户也就是游戏UI用户，界面指的是游戏中的界面，游戏中的场景人物什么的就是不UI了。
像手游王者荣耀，端游英雄联盟和一些其它游戏中的界面，登录界面、个人装备属性界面也都是属于游戏UI设计。
第四种：其它UI
像VR界面、AR界面、ATM界面、一些智能设备的界面，比如智能电视、车载系统等等，用户较少，但又需要，未来有可能很火，有可能保持现状。
据 网络经验

8. PC端和移动端的界面设计，有什么区别吗

PC端和移动端的操作方式、显示方式、用户习惯等的不同，所有做PC端和移动端的原型界面设计时差别很大，即使是移动端，安卓和苹果对于某些操作也是不同的，需要注意

9. 移动webapp前端ui用哪个框架好

WeUI
WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
Frozen UI是腾讯社交用户体验设计 － 增值UI开发团队一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，
做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。
FrozenUI提供的CSS组件是目前QQ会员前端开发组所用的通用样式库。遵循手Q样式规范，基本样式使用离线包的方式减少请求，并提供快速接入的方案。
FrozenUI提供的一系列JavaScript插件，更优雅地在移动端上呈现更灵动的动画效果。
FrozenJS 是针对移动端开发的 js 组件库，其依赖 zepto.js 和 FronzenUI。
FrozenJS 的所有组件均以 zepto 的插件的形式存在。
阿里开源的SUI Mobile
SUI Mobile
SUI Mobile 是一套基于 Framework7 开发的UI库。并参考 Ratchet、Fastclick 开源库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。
轻量的UI库 SUI Mobile 非常轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K，却提供了20+个常用的组件。
对于只有HTML&CSS的组件，你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件，并且提供了Zepto/jQuery 风格的API，你将会非常熟悉这种方式。
开发团队：阿里巴巴共享业务事业部UED团队
网络系
GMU
GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件!
Jingle
Jingle是一个SPA(Single Page Application)开发框架，用来开发移动端的html5应用，在体验上尽量去靠近native应用，希望有一天html5能够做到与native一样的操作体验。
丰富的UI组件提供了按钮、列表、表单、弹出框、轮换、上拉/下拉、日历等各种移动端常用的组件，简单适用，
前后端分离支持前端模板渲染，模板按需自动加载，完善的事件机制。
轻量级基于Zepto开发，依赖了iscrol
purecss
purecss采用其Grid的部分即可，需要定制的部分，建议自行配置，或者是直接采用grid.css，grid960.css这样的栅格来处理。Purecss小的没有节操，全部模块gzip压缩后才 4.4KB* 。 考虑到移动端，保持文件尽量小对我们来说非常重要，每一行CSS都经过深思。如果你只用部分模块，简直小的忽略。
Pure基石,Pure基于Normalize.css添加了HTML元素的布局和样式，以及常用的UI组件。全是精华，木有糟粕。
移动端是初衷,Pure是响应式的盒子模型，适应所有尺寸的屏幕。通过皮肤生成器可以自定义样式。
写出你自己的样式,Pure提供最基础的样式，鼓励你基于此写出自己的样式。它被设计为容易覆写，且不影响你自己的样式。
ionic
基于angular2，丰富的UI组件，大大改进的编程模型，非常适合快速开发。
jquery mobile
jQuery Mobile 是创建移动 web 应用程序的框架。
jQuery Mobile 适用于所有流行的智能手机和平板电脑。
jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。
Bootstrap
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

wex5
国产的ui，支持打包。
前端UI：完全恪守html5+css3+js，干净纯洁设备api：采用业界主流Phonegap/Cordova
向导、模板：简单定义，即可轻松制作向导和模板
主题、样式：海量bootstrap资源引入和定制
UI组件：纯H5+CSS3，轻松引入第三方UI组件
插件：轻松对接即时通讯、推送、支付等各类插件
后端：轻松调用后端组件和api，并实现可视化

10. 网页UI设计和手机UI设计的区别是什么

网页UI设计，面对的对象是网页，各种的网页。
手机UI设计，面对的对象是手机端APP的页面。
两这个规则是不一样的，因为屏幕的大小是有所区别的。