网页设计和手机UI设计有什么差别?

2021-11-05 14:01发布

9条回答
樱田妮妮NiNi
2楼 · 2021-11-09 09:49

首先来说“平面设计”,通常指的是线下生活中传达信息为主的视觉设计。也是我们常说的视觉传达设计。主要目的是将“视觉”作为沟通和表现的方式,更好地宣传品牌信息。在我们的日常生活中常见的有标识、出版物、平面广告、海报、广告牌、标志和产品包装。
而“网页设计”则简称web界面设计,可以根据企业希望向浏览者传递的信息,进行网站功能策划和页面的设计美化工作。不仅要兼顾体现不同页面之间的顺序和内容,还要考虑网页内部和区域之间的关系,围绕用户的操作习惯出发。精美的网页设计,对于提升企业的互联网品牌形象至关重要。
UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计,都能称之为UI设计。UI设计又主要分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,好的UI设计不仅要让我们的软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。
视觉设计是对画面中包含的元素信息进行合理有序的整合,使其具有强烈的目的性和主观性的感官结果呈现。一切可以用静态及动态方式呈现的画面设计,均可以称为视觉设计。它不仅能够有效、简洁而优雅地传达信息,同时还能制造愉悦的用户体验,满足用户视觉感知的需求。
电商美工设计是网店图片美化工作者的统称,对平面、色彩、基调、创意等进行处理。美工专业大部分是因为电子商务的兴起而发展的职业,主要负责公司形象包装、网站优化、产品宣传画册、电子商务专题设计等工作。

我是大脸猫
3楼 · 2021-11-09 10:43

1\界面空间不同手机UI和网页UI最大的区别是空间的不同,手机就是那么大的一个地方,我们只能通过上下滑动来获取更多的信息,而相比于网页来讲,网页的空间就非常大了,你可以移动你的鼠标去你任何你想去的位置,而手机则不同,手机的空间就在一个狭小的范围内,这个时候如果我们想设计一个按钮的话,他一定要非常明显易见,不能让浏览者到处寻找,而这个按钮的位置通常在底部较合适,这样更适于人们用拇指来点击或者移动。
2\ 操作习惯不同 在网页中,我们可以利用鼠标点击、双击、右击等等各种操作,而在手机上我们只有点击一种或者是长按和滑动,很明显,我们需要按照浏览者在不同媒介的习惯来定位我们不同的UI设计,来更好的引导浏览者浏览网页、满足浏览者的需求。
3\精确度的不同 我们都知道在网页上鼠标的精确度是非常高的,即使再小的东西也能够通过点击或者鼠标拖拽来实现,而且精确率非常的高,但是在手机上就不同了,我们通常需要设计一个精致的按钮,点击的范围最好大一些,这样我们更能够保证按钮的精确度,因为我们不能保证很多人的手指较粗哦。同理我们还要把按钮放置的醒目一些,不能和背景融为一体,毕竟手机UI和网页UI是有很大不同的。
最好还要提醒的是,在手机UI设计中,地图往往有很大的作用,因为我们不可能在很狭小的范围内放置很多的内容,我们必须做好框架和结构,通过地图引导浏览者浏览欣赏。

羊羊0531
4楼 · 2021-11-09 11:00



手机UI和网页UI之间有很多相似的联系,当然也有很大的区别,其主要是媒介的不同,我们在使用手机的时候是用手,而在网页上我们使用的是鼠标,正是这个媒介的不同也就产生了很多关于手机UI和网页UI设计之间的区别和不同。
1\界面空间不同
手机UI和网页UI最大的区别是空间的不同,手机就是那么大的一个地方,我们只能通过上下滑动来获取更多的信息,而相比于网页来讲,网页的空间就非常大 了,你可以移动你的鼠标去你任何你想去的位置,而手机则不同,手机的空间就在一个狭小的范围内,这个时候如果我们想设计一个按钮的话,他一定要非常明显易 见,不能让浏览者到处寻找,而这个按钮的位置通常在底部较合适,这样更适于人们用拇指来点击或者移动。
2\ 操作习惯不同
在网页中,我们可以利用鼠标点击、双击、右击等等各种操作,而在手机上我们只有点击一种或者是长按和滑动,很明显,我们需要按照浏览者在不同媒介的习惯来定位我们不同的UI设计,来更好的引导浏览者浏览网页、满足浏览者的需求。
3\精确度的不同
我们都知道在网页上鼠标的精确度是非常高的,即使再小的东西也能够通过点击或者鼠标拖拽来实现,而且精确率非常的高,但是在手机上就不同了,我们通常需要 设计一个精致的按钮,点击的范围最好大一些,这样我们更能够保证按钮的精确度,因为我们不能保证很多人的手指较粗哦。同理我们还要把按钮放置的醒目一些, 不能和背景融为一体,毕竟手机UI和网页UI是有很大不同的。
最好还要提醒的是,在手机UI设计中,地图往往有很大的作用,因为我们不可能在很狭小的范围内放置很多的内容,我们必须做好框架和结构,通过地图引导浏览者浏览欣赏。


有点好奇
5楼 · 2021-11-09 11:50

网页设计有上下浏览,页面更大更长

手机UI设计基本是平面设计,拉长更多是内容展示,功能上基本同一页面上下滑动操作相同


网页更强调整体设计

手机UI在设计的同时更注重操作体验

Danke - 四有青年
6楼 · 2021-11-11 15:01

手机UI和网页UI之间有很多相似的联系,当然也有很大的区别,其主要是媒介的不同,我们在使用手机的时候是用手,而在网页上我们使用的是鼠标,正是这个媒介的不同也就产生了很多关于手机UI和网页UI设计之间的区别和不同。

1\界面空间不同
手机UI和网页UI最大的区别是空间的不同,手机就是那么大的一个地方,我们只能通过上下滑动来获取更多的信息,而相比于网页来讲,网页的空间就非常大 了,你可以移动你的鼠标去你任何你想去的位置,而手机则不同,手机的空间就在一个狭小的范围内,这个时候如果我们想设计一个按钮的话,他一定要非常明显易 见,不能让浏览者到处寻找,而这个按钮的位置通常在底部较合适,这样更适于人们用拇指来点击或者移动。
2\ 操作习惯不同
在网页中,我们可以利用鼠标点击、双击、右击等等各种操作,而在手机上我们只有点击一种或者是长按和滑动,很明显,我们需要按照浏览者在不同媒介的习惯来定位我们不同的UI设计,来更好的引导浏览者浏览网页、满足浏览者的需求。
3\精确度的不同
我们都知道在网页上鼠标的精确度是非常高的,即使再小的东西也能够通过点击或者鼠标拖拽来实现,而且精确率非常的高,但是在手机上就不同了,我们通常需要 设计一个精致的按钮,点击的范围最好大一些,这样我们更能够保证按钮的精确度,因为我们不能保证很多人的手指较粗哦。同理我们还要把按钮放置的醒目一些, 不能和背景融为一体,毕竟手机UI和网页UI是有很大不同的。
最好还要提醒的是,在手机UI设计中,地图往往有很大的作用,因为我们不可能在很狭小的范围内放置很多的内容,我们必须做好框架和结构,通过地图引导浏览者浏览欣赏。


小杨小杨
7楼 · 2021-11-12 17:27

操作习惯不同,屏幕比例不同,所以重点和排版也不太相同

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。也就是说,UI设计做出来的东西是和用户有互动的,以下是网页UI设计和APPUI设计的一点区别:
APP:展示效率低,在移动端,展示面积比较小,展示效率也比较低,用户的耐心不佳,必须重点突出。

网页:展示效率高,在PC端,展示面积比较大,展示效率也比较高,用户的耐心比较好。
APP:更看重交互,手指触摸范围更大,较难精确控制点击位置,没有hover等操作因此版面要尽量干净,合理的手势操作,配合手势呼出“藏”得更深的界面。
网页:更看重版式,展示比较丰富的内容,也适合在一个页面里安排较复杂的操作因此网页对布局排版要求比较高。
APP:有“范”可循有“范”可循,移动端的设计具有更严格的规范要求。针对不同平台的应用设计,谨慎地遵循平台规范有助于降低用户的学习成本,也是优秀体验的重要保障。


茄子酱
9楼 · 2021-11-19 16:28

1、界面空间不同手机UI和网页UI最大的区别是空间的不同,手机就是那么大的一个地方,我们只能通过上下滑动来获取更多的信息,而相比于网页来讲,网页的空间就非常大了,你可以移动你的鼠标去你任何你想去的位置,而手机则不同,手机的空间就在一个狭小的范围内,这个时候如果我们想设计一个按钮的话,他一定要非常明显易见,不能让浏览者到处寻找,而这个按钮的位置通常在底部较合适,这样更适于人们用拇指来点击或者移动。 2、操作习惯不同 在网页中,我们可以利用鼠标点击、双击、右击等等各种操作,而在手机上我们只有点击一种或者是长按和滑动,很明显,我们需要按照浏览者在不同媒介的习惯来定位我们不同的UI设计,来更好的引导浏览者浏览网页、满足浏览者的需求。 

3、精确度的不同 我们都知道在网页上鼠标的精确度是非常高的,即使再小的东西也能够通过点击或者鼠标拖拽来实现,而且精确率非常的高,但是在手机上就不同了,我们通常需要设计一个精致的按钮,点击的范围最好大一些,这样我们更能够保证按钮的精确度,因为我们不能保证很多人的手指较粗哦。同理我们还要把按钮放置的醒目一些,不能和背景融为一体,毕竟手机UI和网页UI是有很大不同的。 最好还要提醒的是,在手机UI设计中,地图往往有很大的作用,因为我们不可能在很狭小的范围内放置很多的内容,我们必须做好框架和结构,通过地图引导浏览者浏览欣赏。

相关问题推荐

  • 回答 100

    个人感受,有机会得话就直接先进大厂吧。如果没有机会也可以这样:前期可以先进入小型的公司:优点:自身成长较快,一般情况下,小型企业资金和人员都有限,这就需要你独挡一面,充分理解项目的全流程设计。可能短短两三个月你就脱胎换骨。管理更直接,没有中...

  • 回答 24

    AE是做动效的软件,现在UI必须会动效设计。

  • 回答 23

    UI设计现在的市场还是蛮不错的呢,需求量比较大,而且你还有一定的基础,比较好学的,建议选择大一点的机构,有一定的保障,可以实地考察一下

  • Sketch可以抠图吗?2020-09-09 09:23
    回答 10

    Sketch是可以做一些简单的抠图操作的

  • 回答 24

    是的,UI主要是设计,会使用设计类软件就可以,不过会简单的前端代码,找工作会比较有有事的。

  • 回答 24

    可以学,不过你之前没有接触过这个的话,你可能自学起来还是比较难得,最好还是去找个靠谱的培训机构,从入门开始学起

  • UI需要美术基础吗2020-12-16 15:28
    回答 22

    对于设计来说,创意想法是一方面,想到能否准确的表达出自己的想法又是一方面,就比如说有美术基础的会有更多的表现形式,常用到的技能有手绘,写实图标等,优势更多的体现在技能上。UI设计对于视觉表达只是其中的一个方面,只要是被广大用户认可接受的表达都...

  • 回答 14

    适合的UI的软件总体来讲都不难,女孩子学UI优势还是比较大

  • 回答 11

    没有美术基础可以学习UI设计吗?关于这个问题,我在这里想要先给大家介绍下美术基础是指什么,UI当中需要的又是什么,很多人因为自己没有美术技术就害怕学不好等问题。那么我们首先要了解UI设计当中的美术基础指的是什么,UI设计中的美术基础主要是以素描手绘...

  • 回答 10

    现在对UI设计师的要求,更多的是一种全能型人才,手绘、插画、交互、动效等什么都要会,十八般武艺,UI设计师得会十七成半。  投递简历的时候,你会在很多招聘UI设计师上的任职要求里看到会插画的,有一定手绘能力优先。UI设计中插画到底有多重要呢?  1,...

  • 回答 12

    ps软件通常指的是 Adobe Photoshop,简称PS,是由 Adobe Systems 开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。PS 有很多功能,在图像、图形、文字、视频、出版等各方面都...

  • 回答 5

    矢量蒙板用矢量图形建立蒙板,以约束其下面一层图像的显示和隐藏,矢量蒙板只能用矢量工具(钢笔、自由钢笔、矢量图形)来编辑。图层蒙板通过像素来约束下面图层的显示和隐藏,可以通过像素工具(画笔,橡皮插等工具)画编辑。剪切蒙板则通其本身形状对下面图...

  • 回答 3

    设计师在进行信息的编排与构建时,已经花了较多的时间与精力理解了产品的全部信息和信息之间的层级关系。但是,用户接收信息是从一些具体的信息片段开始,然后到另一个信息片段,他们需要将这些具体的信息补全成设计师脑海中的信息地图。设计师的信息地图是立...

  • 回答 2

    作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式之一。排版能成就你的设计,也能毁灭你的设计。一个美观又复杂的排版。有些人将他们全部的事业奉献在了排版上。值得庆幸的是,他们的工作是有据可查的,...

  • 回答 3

    漂亮美观的设计作品,就是好的设计吗?当我在media上发表第一篇文章时,有一位读者问了我一个问题,引起了我的共鸣。她说评判设计的优劣是一种偏主观性的行为,她想知道,是否有人能够设计出一套能够辨别出优秀设计作品的准则。于是我生出了为什么我自己不试...

没有解决我的问题,去提问