已阅读

移动网站UI设计中视觉分隔的技巧

作者:admin      来源:未知      发布时间:2020-07-28 05:01


移动网站UI设计中视觉分隔的技巧

很多站长在感受体验过很多APP以及移动网站手机网站之后,感觉移动手机站设计规划非常简单,部署布局设计规划很简单。当真正动手的时候,才发现移动手机站设计规划并不简单。尤其是处理细节点的时候,例如元素之间的分隔方式。移动手机站设计规划时,UI界面的设计规划,常用的分隔方式就是线。用线将信息内容或者视觉分成横向的,或者是纵向的,从而帮助用户使用者更好地理解网站站点的层次模版结构。

分隔方式也分为两种,一种是比较传统的分隔线,另外一种就是分隔线的代替品。下面我们就来分析一下。

传统方式上的分隔线,有两种,分别是全出血位分隔线以及内嵌分隔线。

靠前、全出血位分隔线。这种是从平面印刷引过来的,全出血位样式风格县一般是为了凸显或者强调信息内容的不一样,好像电子邮件一样,中间会有一条线将邮件分开。

第二、内嵌分隔线。这一种分隔线主要是用于分来同类相关的信息内容,例如通讯录中的按照字母的排列顺序进行分开,一般是用来分割视线,方便用户访问浏览更多的同类相关的信息内容。

下面我们来说一下分隔线的替代品有哪些?

靠前、留白设计规划。移动手机站界面设计规划的时候,留白的地方一般不会配置设置任何元素。而留白设计规划可以让混乱的网站页面整洁有序,有吸引力。留白设计规划可以让周围的元素都是空白的虚拟空间,使得元素更突出。留白的设计规划赋予了网站页面呼吸感。留白设计规划运用得好,可以让移动界面中不同的元素或者区域分隔开。

第二、色彩的对比。色彩的对比也会移动界面设计规划中常用强大的一种设计规划方式,一旦运用得好,可以增强网站站点的设计规划结果效果。通过色彩的对比来分隔网站站点的信息内容,关键是要利用好色彩之间的对比度。

第三、阴影以及高度。在UI界面设计规划中,阴影和高度的设计规划可以让网站页面更有深度,简单来说就是让网站页面元素在Z轴上的高度有差异。通过阴影和高度,可以分隔出不一样的部分。

第四、image图片信息内容不需要使用单独的分隔虚拟空间。使用image图片的时候,一般是采用网格的方式展现展示出来的,不需要再使用专门的线活着虚拟空间来分隔,网格的作用就可以区分视觉。

移动UI界面设计规划的时候,视觉分隔技巧可以参考以上几个方面,希望可以帮助站长做好移动手机站设计规划工作。

转载自:移动网站UI设计中视觉分隔的技巧