Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路深华商业大厦9楼(地铁1号线国贸站B出口既是)

    3375726676@qq.com


    © 2007-2021 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 移动端网页设计技巧

    时间:2022-02-22  作者:尼高GARY  来源:https://www.niegoweb.com
    随着移动端的不断普及,我们发现移动端网页设计也越来越受到客户的重视,从近几年的数据来分析,之前大部分客户都会选择响应式网页设计,现在大家更愿意PC和移动端分开设计,虽然成本更高了,但效果也更好了。

    今天深圳尼高网站设计公司和大家分享一些移动端网页设计技巧。


    移动端网页设计

    1)按钮应该是可见的
    号召性用语按钮应该是可见的。请不要将其设为超链接。它应该位于层次结构的顶部,脱颖而出,并和谐地融入整个界面。如果它是按钮的形式,用户会更容易地感知呼叫。因此,他们将直观地了解如何处理它。

    2) 可压元素应该有边界
    这是关于直观的平板电脑应用程序设计。界面中所有可点击的元素都应该有一个清晰的轮廓,最好是按钮的形式。这个视觉指示器帮助用户不要将可点击的文本与快捷方式混淆。

    3) 为目标选择最佳尺寸
    触摸的最小按钮大小为 42 像素。但平板电脑的屏幕比手机大,用户在使用时比智能手机握得更远。所以,按钮越大,越容易按下。因此,最好将其设置为 60 像素的大小。

    4) 调整与按钮有关的触摸目标的大小
    用户应该能够快速按下按钮。这意味着触摸目标应该大于按钮。这是在开发过程中调整的。

    5)不要制作大的文本层次结构
    任何内容都应该易于理解。不要做长的层次结构线。最好的选择是停留在第一级和第二级层次结构。第三层以下的信息在视觉上很难区分,因此对界面没有意义,因为它不执行其直接功能。

    6)突出显示活动元素
    活动元素可以通过颜色对比突出显示。界面中的强调色将用户的注意力吸引到项目上,从而提示他们对该元素采取一些行动,特别是点击它。

    7)小心访问区域中的活动元素
    我们牢记最容易点击的区域。这些是平板电脑屏幕的左侧和右侧。如果要在其中一侧排列元素,请尝试计算用户移动的可能轨迹。很大一部分人是右撇子。这意味着左手拿着平板电脑,他们可能会不小心点击某个元素,从而打开一个他们不需要的窗口。

    8) 最小化滚动
    长时间滚动会降低用户的注意力,新信息感知难度更大。因此,最好将内容分成几个块,将提供的信息系统化。

    9)用简单的动画为界面增添趣味
    小而简约的动画将为用户提供提示。可以添加它以确认用户已执行任何操作。

    10)书籍和横向应该有一种风格
    在纵向和横向之间切换时,请保持导航。不要做剧烈的改变。因为用户不想重新学习界面,所以这种变化会令人困惑和烦人。相反,选择一种风格并坚持下去。

    相关案例

    OTHER CASE