400-000-9192

北京91搜课网 > 学习攻略 > 网页UI的设计规范有哪些

网页UI的设计规范有哪些

职业技能 / 设计培训 / UI/UE培训

作者:91搜课网

2022-01-09 11:01

网页UI的设计规范有哪些

在UI设计中,轴是最基本、最常见的概念,是组织界面结构的重要核心。简而言之,轴是在设计时组织一系列元素的假象线。轴常用在对称元件上。如果设计出一个轴对称布局,则给人一种有秩序的感觉。

1.轴
在UI设计中,轴是最基本、最常见的概念,是组织界面结构的重要核心。简而言之,轴是在设计时组织一系列元素的假象线。

2.对齐
轴常用在对称元件上。如果设计出一个轴对称布局,则给人一种有秩序的感觉。正如生活中的大部分事物一样,我们喜欢有条理的东西,它们让人感觉安定、舒适、亲切。在iTunes程序中,一个最简单的例子是专辑列表的设计。全部相册清单都会在界面左边保持对齐,并且是对称的。

3.强化
尽管这个轴是一条假设的线,但是如果周围元素的边缘被控制得很整齐,那么跳线在视觉上就会更明显。这方面的一个例子就是街灯在道路两旁建筑间形成了轴线。假如一边没有建筑,那么轴心的感觉就不会那么强烈。在产品设计方面,Twitter的时间线设计是个很好的例子,左右两个人在中间有一种隔开的感觉。

4.运动
在遇到第一条线时,视觉会自然地沿着这些方向移动,就像我们站在大街上,自觉地沿街移动。确定直线的两个终点,确定了起点和终点,直线或者轴的存在将引导并提示移动的方向。SoundCloud中,音轨沿其固定的水平轴运动,伴随着音乐的回放,曲目自然地由左向右均匀移动。

5.连续性
若最终结果不确定,你通常会沿着这个轴向走,直到你发现你感兴趣的或觉得无聊,然后关掉这个应用。很少有建筑能够清楚地定义结束点,因为建筑通常不会永久存在,但是用户界面的设计却有所不同。无限制滚动是目前广泛采用的设计方法之一。Pinterest的APP就是这么做的,持续不断的图像沿中轴滚动,只要你对此感兴趣。

赞同

分享到:

预约试听

填写您的个人信息 稍后将有平台客服联系您

400-000-9192

欢迎拨打平台热线主动联系我们

登录成功

欢迎您加入91搜课网
以下为您提供我们后台链接、账号、密码

后台链接:www.91soker.com/soker_institution/

后台密码:123456

温馨提示:
请保存好、后台链接、账号、密码。
登录后台链接提供入驻所需的资料信息。

400-000-9192

欢迎拨打平台热线主动联系我们

0.497276s