正文

vi移动端页面设计（移动端界面设计）

发布时间：2023-05-08 16:36:47 稿源：创意岭阅读： 81

大家好！今天让创意岭的小编来大家介绍下关于vi移动端页面设计的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等，官网：https://ai.de1919.com

创意岭专注品牌设计、策划，为各大上市企业、个人提供一站式设计、策划服务，服务客户遍布全国，咨询相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

本文目录:

设计移动端界面，有哪些要注意的事项，和要求？
移动端网页设计的原则有哪些?
移动端页面设计

vi移动端页面设计（移动端界面设计）

设计移动端界面，有哪些要注意的事项，和要求？

随着现阶段人们对移动端产品的使用频率不断提高，设计师在进行移动端页面排版时，需要注意更多问题。那么移动端排版设计的注意事项有哪些呢？接下来千锋给大家简单讲一下这个问题。

一、大小对比

在桌面端我们可能会采用字号差异较大的文字组合，移动端屏幕较小，容纳的文字也较少，同等的字号差异在小屏幕上的感受会被放大。原因是我们在使用这两种设备时的观看距离不同，桌面端我们的眼睛离屏幕较远，而在移动端则相反，因此我们应该在移动端使用较小的字号反差。

二、颜色反差

移动设备使用环境复杂多变而不局限在室内，可能在室外，甚至暴露在强烈的阳光下，应确保文字在背景中不会识别困难，即使是色弱者也可以正常阅读。建议的文字和背景的颜色反差比应该高于4.5:1（AA级），才能确保更多人及环境都可以轻松阅读。

三、适当对齐

在英文的段落排版中，通常是左侧对齐，而让右侧自然形成起伏边。对中文排版与阅读习惯而言则相反，特别是在移动端上阅读，段落的头尾对齐尤其重要。一边是夹杂了数字或英文字母字符的情况下，原本中文的整齐排列被打乱了，右侧严重参差不齐不美观；一边是微调文字的间距以补足右边存大的空白，整洁对齐。

四、简单突出

从移动端有限的屏幕以及页面加载速度这两方面来考虑，相较而言越简单的排版会越容易引起关注。这是因为我们的大脑一开始看到这种简洁排版，会立刻出现“嗯我可以马上看完不费劲”的潜意识信息而带着轻松的态度去阅读。

设计师不仅可以采用对其原则，使页面看起来更加具有规律性，还可以采用适当的颜色反差和大小反差，或者是较简单的突出，提升页面的可读性，从而使用户具有更加愉悦的浏览体验。

移动端网页设计的原则有哪些?

1、菜单简洁明了

在移动端网页设计中，因屏幕大小有限，无法设置过多内容，并且在移动设备或平板电脑中用户会厌烦滚动大型的菜单栏或点击数量众多的子菜单，因而菜单栏应简洁明了，有简练的产品、服务概述，这样会缩小用户的查找范围，对进一步信息进行点击或利用搜索功能筛选。

2、表单简短贴心

移动端网页设计时应考虑到用户时间，表单应简短贴心，在表单中诸如电话号码、卡片类型和发卡机构是可选项，用户可根据自身情况选择填写即可，以此来建立用户对网站的信任。比如表单只是用户用来订阅电子报，仅需登记用户姓名和邮箱即可;若是支付表单，应省略不必要字段，以此来增加网站安全度。

3、简化表单字段

设计表单时应考虑到表单字段数，减少用户输入字数;也要尽量将表单做的清晰明了，使必填项和可选项一目了然。而表单字段可以采用多种类型，如下拉式、复选框式以及日历式。同时在用户输入支付信息、物流信息以及预订行程时，这些类型的字段都能派的上用场，以及便于回头用户更便捷地应用自动填写功能，缩短购物过程，并为不愿注册账号的新用户提供访客支付选项。

4、通过行为召唤组件(CTAs)吸引用户眼球

行为召唤组件在移动网页中尤为重要，在设计移动网页时，尽可能将行为召唤组件放在最显眼的黄金位置，相比电脑端用户，会让移动端用户访问网站目的更加明确。同时在理想情况下，可以将行为召唤组件放置在页眉上方，用突出的颜色或字体显示，在合理范围内让它们更加醒目，并清晰地表达其内容。

5、提供用户所需的搜索结果

在设计时，应设置搜索功能，在搜索时在第一页就显示出用户所需的搜索结果，在搜索完成后，为用户再提供一些筛选条件，如价格、相关度、畅销商品等，以便用户筛选出最适合的结果。因为一些移动用户在访问网页时目的十分明确，很少在模糊菜单或一页又一页的商品间徘徊。

关于移动端网页设计的原则有哪些，环球青藤小编就和您分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣，希望分享的这篇文章能够对您有所帮助。如若您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。

vi移动端页面设计（移动端界面设计）

移动端页面设计

移动设备的用户更乐于再次访问适配了移动设备的网页。这意味着，你的网页在移动端也同样要做到界面友好。但究竟怎样才能使移动端网页有良好的用户体验呢？

1.让你的整个网页都适合在移动端上浏览

相比在移动端上直接操作桌面版网页，经过适配的移动网页会大大方便用户的操作使用。

2.将主操作按钮设计得更友好

手机用户很容易忽视手机界面上的元素，所以主操作按钮要放在显要位置。手机页面的主操作按钮（Calls-To-ActionButtons）可能会跟桌面版的有所不同，所以你要从在用户的角度考虑，来决定你要把主操作按钮放在什么位置。

3.菜单栏要简短而中肯

桌面版网页里有丰富的菜单栏可能会很方便用户使用，但手机用户不会有耐心滑动长长的选项栏，找他们想要的东西。你需要考虑如何尽可能地减少菜单栏选项。例如，只留下主要产品的目录。根据「拇指原则」，尽量不要使用超过7条不同分类的条目。还有，你的分类列表应该是符合你用户的需求的：它应该是根据用户的使用频率与给用户带来的价值来排列。它不应该使用晦涩难懂的措辞。菜单栏的设定需要具备商业素养，不然你会混淆菜单栏的类别。如使用文绉绉、比喻性的措辞可能会迷惑用户，致使更多用户离开。

以上就是关于vi移动端页面设计相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。