PC端与移动端在UI设计方面的区别

5
发表时间:2020-10-30 13:29

      1、更大的展示字体,因为屏幕小了。

      在小屏幕上显示的内容,应该适当地增加大小,让用户能够更轻松地阅读和消化。通常,在移动端上,每行容纳的英文字符的尺寸在30~40个最为合理,而这个数量基本上是桌面端的一半左右。

      在移动端上排版设计要注意的东西还有很多,但是总体上,让字体适当的增大一些,能让整体的阅读体验有所提升。

      2、排版布局的尺寸和形式的优化

      从PC端迁移到移动端,应该让用户更易于访问,形态也需要跟随着平台的变化而进行适当的优化和修改。对于整体尺寸和排版布局的设计,应该更有针对性。

      比如大量的大尺寸的图片需要跟着移动端的需求而进行优化,考虑到移动端设备上用户的浏览方式,图片最好被切割为方形,或者和手机屏幕比例相近的形状;比如选择尺寸更合理的图片,放弃不匹配移动端需求的JS动效等。所有的按钮或者可点击的元素都按照用户的手持方式,放到手指最易于触发的位置。

      3、移除不必要的特效

      在PC端网页上,旋转动效和视差滚动常常会让网页看起来非常不错,但是在移动端上,情况则完全不同。内容在迁移到移动端的网页和APP上的时候,效率和可用性始终是第一需求。快速无缝的加载和即点即用的交互是用户的首要需求,剥离花哨和无用的动效,会让用户感觉更好。

      作为UI设计师,你需要围绕着点击和滑动这两种交互来构建移动端体验,悬停动效要去掉。移动端上手指触摸是主要的交互手段,悬停动效是毫无意义的存在。

      4、精简优化导航体系

      当用户打开APP的时候,他们通常倾向于执行特定的操作,访问特定的页面,或者你希望他们点击特定的按钮,所有的这些操作能否实现,大多是要基于导航模式的设计。

      在PC端网页上,一个可用性较强的导航能够承载多个层级、十几个甚至20多个不同的导航条目,但是在移动端上,屏幕限制和时间限制往往让用户来不及也不愿意去浏览那么多类目。

      移动端的导航需要精简优化,不用沿用PC端的导航模式,可以采用侧边栏或者底部导航等更适合移动端的方式。搞清楚整个导航的关键元素之后,就可以有针对性地做优化和调整了。

      5、每屏完成一项任务即可

      虽然手机的屏幕越来越大,但是当你的内容在移动端设备上呈现的时候,依然要保证每屏只执行一个特定的任务,不要堆积太多的内容。

      用户的习惯和多样的应用场景使得移动端界面必须保持内容和界面与内容的简单直观,这样用户在繁复的操作中,不至于迷失或者感到混乱。

      那么怎样保证这种清晰的体验呢?让你使用的所有UI设计元素都用来帮助户作出执行操作的决定就可以了!

文章分类: 网上商城
分享到:
最新更新

2021

07-22

  没有晋升的问题。就像当今社会的任何一个行业一样,如果出现了问题,一定要有规则来规范这些问题。不同的是,大多数线下行业都有黑白分明规定,而互联网上的规定是随着时间的推移,通过了解用户习惯、适应竞争方式、最大化收益而逐渐形成的,如果你想很好地推广你的网站,你必须遵守这些戒律。相反,它会受到无形规则的惩罚。  网站推广和网站建设  (1)不要只宣传网站  网站推广要有更高的目标,即提高网站的品...

2021

07-20

\  随着互联网上各种网站数量的不断增加,互联网信息量也大大增加,搜索引擎的呈现将为人们查阅信息带来极大的便利。搜索引擎优化功能越好,企业的曝光率越高。下面SEO优化公司会告诉你SEO优化的价值是什么。  一、把握内容的时效性:为什么功能好?首先,我们可以做SEO优化,得到一些高质量的搜索引擎流量搜索引擎获得的排名和流量更容易承担和承担。搜索引擎更容易赢得用户对其排名结果的信任。普通网络广告...

2021

07-15

  如今,随着信息技术的日益普及,由于网络公司的技术力量不同,许多公司的网站仍然处于非常早期的阶段,这与带有宣传和表达的营销网站的建设是完全不同的概念。发现很多公司的网站,更不要说以营销为导向的网站,都达不到一般的网站建设标准,被忽略的元素如下。  首先,网站的面包屑导航  面包屑导航有两个主要功能。一是提醒用户当前位置在哪里,清楚知道他的浏览轨迹。所以我们看到一些大型网站会有面包屑导航。面...

2021

07-13

  对于不太了解网站优化的新手站长来说,在网站设计的前期往往会犯不关注甚至忽略网站优化的错误,而只关注网站页面的美观。后果可想而知:网页再漂亮,也吸引不了潜在的目标客户。那么,在网站设计中应该注意哪些网站优化问题呢?  网站建设中FLASH动画效果太多,客户往往要求网站建设要突出“美观第一”,尤其是一些展示公司网站,几乎不包含应用的静态页面,而是使用大型FLASH文件进行展示。建立一个网站是...

2021

07-05

  为什么网站设计需要在复杂中追求简单?一直以来,简约美都是设计师追求和向往的感觉,因为简单的网站让人视野清晰,心情平静,感觉很好,不像嘈杂的街道和复杂的道路,让人感到躁动不安。如何让一个内容很多的网站变得简单,是一个挑战,也是一个能力。例如,京东购物中心的主页需要显示大量内容。只要是业务相关的,比较好的产品,都会推荐到首页。内容那么多,但不会让人觉得复杂,很简单明了;还有腾讯门户的首页,内...

2021

07-05

  互联网已经成为我们生活中不可或缺的资源。我们可以通过互联网获取自己需要的信息,了解各种时事新闻,通过互联网实现产品的购买,从而实现不愁吃穿不出门的生活。人们对互联网的依赖越来越大,这促进了互联网网站的发展,也对网页设计师提出了挑战。现在的网站种类繁多,人们对网站的要求也更加严格。在访问网站时,他们更注重网站的体验效果,追求更高的效率。这就要求网站的网页设计要简单美观,因为简单的网站让人感...

2021

06-28

  好的网站客户体验不仅会给网站带来流量,还会提高网站的排名,决定网站用户体验质量的主要条件是速度,那么网站设计如何提高页面访问速度呢?  页面访问速度慢的主要原因是图片尺寸大、数量多。如果某些网页设计不当,整个网页大小会达到几十兆,所以当页面浏览器的下载速度只有几K的时候,自然很难访问。如果广告太多,不仅会影响页面的访问速度,还会造成用户的损失。广告设计一定要合理,点击量很重要,才能给客户...

2021

06-28

  当你浏览一些网站时,你会发现有些网站制作和设计都很精致,但优化不太好,而有些网站看起来很简单,但在百度主页上排名很靠前。为什么?只要你仔细观察,你会发现搜索引擎优化和建设一个好网站是相辅相成的。seo应该从营销网站建设之初就开始布局。seo服务如何更好地应用于品牌营销网站建设?  首先,确定网站的关键词  确定关键词建议:的相关性和搜索的密度;搜索线索中关键词搜索的频率;相关词的竞争。 ...

2021

06-21

  常州网页设计有限公司是一家具有多年常州网站建设经验的公司。网站建设业务从最基础的制作到网站维护都有一站式服务。它在适应性网页设计方面做得非常好,适应性网页设计也被称为响应性网页设计。制作的网站可以让各种终端放心地进行适配,比如我们经常使用的电脑(PC)手机,甚至可以在电视上自动适配,基本可以满足全方位的设备展示  根据,这是普通网页制作公司做不到的。  常州网页设计公司也叫“永佳软件”。...

2021

06-21

  12月是网站建设公司一年的旺季,因为中小企业正在准备明年的营销计划和营销广告。然而,需要回答的客户问题越来越多。客户经常会问:网站设计和网站维护的具体内容是什么?今天永嘉软件以文字的形式告诉你网站设计和维护的具体内容是什么。事实上,网站维护负责及时调整和更新网站内容,使企业能够在快速变化的信息社会中抓住更多的网络商机,吸引更多的访问者,增加访问量。  网站建设的内容有哪些?  网站建设服...
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com