如何让移动端ui设计实现动态操作

kranky

30天以前 3浏览
如何让移动端ui设计实现动态操作

需要经过后台程序开发!移动端ui设计:指的是手机上的ui设计

pc端ui设计:指的是电脑上的ui设计

那么这2种ui设计有那些地方不同呢,

今天就和大家讲下。

1.屏幕尺寸不同

电脑显示器的屏幕尺寸一般为,19-24英寸,

手机屏幕尺寸一般为,4-6英寸。

尺寸不同的背后就是,2种设计的设计显示区域也不同。

所以电脑上的ui设计,首页要多放一些内容,

尽量减少层级的表现。

而手机上的ui设计,因为屏幕显示尺寸有限,

所以不能放那么多内容,可以多加层级。

像电脑版的淘宝,一进入内容非常的多,包括了主题市场分类的显示,

广告页的展示,个人中心的展示等。

而手机版的淘宝,层级较多,有五个大的展级,

其中主屏上又有十个小的层级,一层连一层,

展示区域相对较少,没有主题市场分类的直接展示,

必须通过层级进入二级页面才能看到。

2.设计规范不同

电脑的ui操作一般是用鼠标,手机的则是用手指,

鼠标精确度非常的高,手的精确度相对较低,

所以电脑上的图标一般会小一些,手机上的会大一些。

微信的电脑版的图标,明显比手机上的要小一些。

3.ui交互操作习惯不同

电脑可以实现,单击,双击,按住,移入,移出,右击,滚轮等操作。

手机只能实现,点击,按住,和滑动等操作。

所以电脑上可以展现的ui交互操作习惯可以更多,功能也就更强。

手机上的话弱化了很多。

像手机版的腾讯视频,在屏左边上下滑动可以调亮度,右边上下滑动可以调声音。

最下面左右滑动可以调视频的进度,双击可以暂停,其它的就是要通过图标点击才能生效。

而电脑版的,就可以双击,右击,单击,滚轮多点操作了。

本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。

免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com

UI设计
大家都在看
一个完整的UI设计流程是怎样的

一个完整的UI设计流程是怎样的

UI设计
2浏览
学习UI需要哪些技能?只会一些PS技术,想从事UI设计相关工作

学习UI需要哪些技能?只会一些PS技术,想从事UI设计相关工作

UI设计
1浏览
视觉传达设计和UI设计有什么区别?

视觉传达设计和UI设计有什么区别?

UI设计
24浏览
UI设计入门学习基础

想要从事UI设计需要学习哪方面的知识?该如何下手?快来看看小编整理的干货吧,希望对你有帮助。

UI设计
4浏览
学ui设计好就业吗?学ui设计好就业吗

学ui设计好就业吗?学ui设计好就业吗

UI设计
3浏览
企业官网网站建设 家居建材类网站UI定制开发设计案例

网站定位为企业级营销展示型网站,网站采用全新整站UI定制设计开发搭建而成。

网站建设网站开发网站制作UI设计网站设计定制开发网站企业官网公司网站建材网站H5
1000+浏览
2020年设计师必须知道的几大设计趋势

进入12月,似乎离曾经遥远的2020年只剩下眨眼间的距离。新的一年,新的设计趋势出现,相较于2019年,平面设计界又有哪些新趋势出现呢?

UI设计广告设计平面设计
2000+浏览
app开发的UI设计需要考虑哪些方面?(二)链环科技

app开发的UI设计需要考虑哪些方面?(二),通常在中文app中一般都以一种中文字体作为默认字体,因此在此不讨论不同字体搭配对于app中视觉效果的影响。

APP开发链环科技UI设计
591浏览
极简风ui设计案例

UI设计
52浏览
学UI设计没了灵感,怎么办

学UI设计没了灵感,怎么办

UI设计
2浏览
怎么样才能做好UI设计

怎么样才能做好UI设计

UI设计
1浏览
一个UI设计师怎么样才能修炼成为一个UED设计师

一个UI设计师怎么样才能修炼成为一个UED设计师

UI设计
0浏览
学UI设计没了灵感,怎么办

学UI设计没了灵感,怎么办

UI设计
1浏览
怎么样才能做好UI设计

怎么样才能做好UI设计

UI设计
1浏览
一套UI设计,需要多少钱

一套UI设计,需要多少钱

UI设计
3浏览
什么是UI设计?一般用什么软件制作?

什么是UI设计?一般用什么软件制作?

UI设计
2浏览
HTML5开发与UI设计有区别吗?

HTML5开发与UI设计有区别吗?

UI设计
5浏览
如何让移动端ui设计实现动态操作

如何让移动端ui设计实现动态操作

UI设计
3浏览
学习UI设计之后,都可以从事什么工作

学习UI设计之后,都可以从事什么工作

UI设计
2浏览
优秀的UI设计师需要有品牌思维吗

优秀的UI设计师需要有品牌思维吗

UI设计
2浏览
点赞
收藏
分享