如何让移动端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设计
9浏览
UI设计网页时,导航栏尺寸规格一般是多少

UI设计网页时,导航栏尺寸规格一般是多少

UI设计
14浏览
想从网页页面设计转手机UI设计,好转吗?

想从网页页面设计转手机UI设计,好转吗?

UI设计
5浏览
app开发的UI设计需要考虑哪些方面?(一)

app开发的UI设计需要考虑哪些方面?(一)今天小编就为大家介绍一下APP开发的UI设计时需要考虑的几个方面,希望对大家有所帮助。

app开发链环科技UI设计
674浏览
3个方向16个细节,提升详情页转化率

本期我们将通过艺点意创的真实案例,来给大家讲解怎样设计详情页才能提高转化率。

首页设计详情页设计UI设计整店装修
384浏览
大型网站UI图标设计案例

UI设计
45浏览
化妆品网站UI设计外包价格

UI设计
88浏览
**行业ui设计怎么收费

UI设计
61浏览
手游ui设计价格多少

UI设计
42浏览
移动ui动效设计收费标准

UI设计
89浏览
新手学习UI设计需要什么软件

“UI”设计的本义是用户界面,是英文User和 interface的缩写。UI即User Interface(用户界面)的简称。那么UI设计软件有哪些呢?

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

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

UI设计
0浏览
UI设计师之路必须经历的五个阶段

想做UI设计,需要经历哪些波折?UI设计师之必经的五个时代,一起来看看吧。

UI设计
0浏览
UI设计要注重哪些细节

UI设计要注重哪些细节?需要了解些什么?小编为你解答。

UI设计
0浏览
有什么常用的UI设计网站

有什么常用的UI设计网站

UI设计
0浏览
学UI设计需要背单词吗

学UI设计需要背单词吗

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

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

UI设计
1浏览
怎样进行一个完整的UI设计流程

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

UI设计
0浏览
什么是UI设计UI设计包含哪些内容?

什么是UI设计UI设计包含哪些内容?

UI设计
3浏览
零基础想学ui设计应该先从哪学起?

零基础想学ui设计应该先从哪学起?

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