更多

金豪  
“精品素材”   花瓣

变化在网页设计当中的运用 推荐作品

分类: 主页 UI设计网 文章

作品版权:归作者所有,禁止匿名转载;禁止商业使用。

作品人气
1175

居住地 / 职业
2017-4-28 15:16:01

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

[size=17.1429px]在网页设计当中有各种形式和法则可以运用,前面也介绍了网页设计中常用的一些运用法则,界面上的美观有了,那交互上的呢?今天我们就界面上来分享变化在网页设计当中的运用。


[size=17.1429px]说到变化,我们很容易想到前面分析的对比原则,在同一个界面当中,有主要和次要之分,所以就存在对比。但今天我们说的变化不是指对比,而是在一个界面当中,根据用户操作习惯界面的区域元素应做适当的变化处理,可以简称为交互上的变化。

[size=17.1429px]例如鼠标移过a标签的时候应该有适当的变化提示,提醒用户这是一个链接,又或者对于列表和集合中应该突出当前选中或者正在操作的条目。这些都是网页设计在交互上的一些变化。


[size=17.1429px]交互上的变化体现在网站中的方方面面,一般都要遵循设计心理学。简单列举下在界面当中要注意到的一些简单交互上需要做变化处理的:


[size=17.1429px]1、特定控件设计,如标签栏、列表界面和弹窗口等,遵循网页当中设计规律后再做适当的变化。

[size=17.1429px]


[size=17.1429px]这个列表界面设计,在标准版的一列做了设计上的变化,也是引导用户主要去购买这一个版本。


[size=17.1429px]2、特定界面设计,界面中如何呈现特定的信息,如应用程序首页、个人资料或者数据流界面,依旧要遵循用户体验来设计。

[size=17.1429px]例如一个门把手的设计,正常向下是打开,如果这个门把手向上才是打开,那这样可以算是比较失败的交互,因为违反了人的心里习惯。

[size=17.1429px]人和物也是一样,我按下电视的开关键,我预期电视会打开,并且电视如期望发生运转。若我按下电视的开关键,突然电视成了静音,这就是非期望的交互行为。

[size=17.1429px]

[size=17.1429px]京东的登录界面,有扫码登录和账户登录,账户登录的字体变红色,提示用户当前停留的是账户登录,这样的变化细小但不能缺少。


[size=17.1429px]除去上面说的这些,在网页设计当中,响应式的变化也是不得不提起的。

[size=17.1429px]设计响应式网站的时候,设计师必须为大量不同尺寸屏幕的设备充分考虑,这是一个网站不同界面下的视觉变化,因此页面内的布局是流动的。需要设计师考虑随着屏幕尺寸大小的转变,布局设计的每一个调整和改变。比如,当屏幕尺寸变小的时候,文本内容需要收缩,并且和混排的图片会与文章缩到一栏中去。做响应式小编比较推荐用栅格系统去做,这样会省事很多。

[size=17.1429px] 方大天云公司网站改版设计开发.png

[size=17.1429px] 化工集团责任关怀网站界面设计.png

[size=17.1429px] 二维码.jpg

[size=17.1429px]阅读全文>>

[size=17.1429px]


fdty_x.jpg
0喜欢
新浪微博
    作者其他作品

/
2017-4-28 15:16:01 发布


感谢支持
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

全部评论(0)
“2016精品素材” 素材 金豪印刷 花瓣网

快速回复 返回顶部 返回列表