公告:网站目录不再提供免费收录网站服务( 在线充值获取积分)进行自助审核服务(快审10元/站);

点击这里在线咨询客服 点击这里在线咨询客服
首页   策划  正文

01 当前配景

今天聊些设计基础部门。设计工作中,我们总会接到差别场景、差别目标用户的业务需求,需要差别风格的设?#21697;?#26696;支持,但无论是什么风格的设计,用户都会有一个共同诉求——“品质感”。

02 什么是品质感?

所谓品质感其实就是产品给人的一种严谨、专心对待的态度,同样一本书的封面,粗糙纸的封面和?#24863;?#25171;磨的小羊皮封面就是差别的概念。

例如?#20309;?#21360;良品和爱马仕,两者都会传达给用户一种“品质感?#20445;?#34429;设?#21697;?#21521;差别,但他们有一个共同的特性-对细节的深度打磨。其实品质感,就是来源于产品对细节的深度考究与打磨。

一款有品质感的设计,随之带来的是用户使用中的舒适?#21462;?#22909;感?#21462;?#20449;赖感。

03 界面中的品质感

界面设计也是一样,也会带给用户一种品质感,其同样是源于设计师对界面的每处细节的深度考究。

界面的品质感主要来源于界面四个维?#21462;?#30028;面中的结构、界面中的图形、界面中的颜色和界面中的动态,今天说如何通过结构提升界面品质感。

04 界面中的结构

界面的结构在用户体验中起着主要作用,其相当于界面设计中的“骨?#20445;?#30028;面结构中的细节更是会直接影响到整体设计的品质感,那么具体结构中的细节体现在哪里?

1. 关系

信息关系包罗界面中的组合、层级、分割?#21462;?/p>

(1)组合

“物以类聚?#20445;?#30028;面内需明确传达各元素间的关系。

1)辅助信息服务于主体信息

辅助信息为主体内容的?#26377;?#35828;明或增?#20849;?#20316;,作用为服务于主体内容。同一组合内,信息间需有明确的关系与合理的挨次,且辅助信息不能抢镜。例如:朋友圈,清楚传达关系的同时,以内容为主的阅读方式不会被头像内容干扰。

2)关系越紧密的内容距离应越近

形式稳定的基础上,元素之间的距离越近,越易被视为同一组合。距离相同时,横向摆列的内容接近度相对更高。

(2)层级

界面的层级关系主要体现在主次、优先级、层数。

1)主次分明、制?#20849;?#32423;混乱

清楚的层级结构,能让用户更快的获取主要内容,同一组合下其信息一定有主要展示和?#25105;?#23637;示。可以通过位置、面积、颜色三个维度建立主次层级的对比?#21462;?/p>

a. 位置

在中国,用户的阅读习惯为从左?#29616;?#21491;下,所以用户对左上区域的观察最优,?#26469;?#20026;右上、左下,而右下最差。因此,左?#21916;?#21644;上中部被称为“最佳视域”。

b. 面积

信息内容在界面内的占比面积越大,信息越是突出。

c. 颜色

?#21672;?#37197;景下,明度越低/饱和度越高,信息越是突出。

    admin 普通用户

  • 0

    网站

  • 0

    文章

  • 0

    收藏

  • 没有填写

    QQ

赶紧注册账号,推广您的网站吧!
站长保举
苏州私家侦察

苏州私家侦察2018-07-26

苏州卓越商务调查公司是一专业从事苏州侦察调查工作的公司,专门从事苏州私人 ……

分类目录网

分类目录网2018-07-08

分类目录网(www.11ii.cn)推广免费送您网站流量,是中小网站和新 ……

名词网站目录

名词网站目录2018-07-08

名词目录网(www.mcty.cc)推广免费送您网站流量,是中小网站和新 ……

优秀网站目录

优秀网站目录2018-07-08

优秀目录网(www.yxsj.cc)推广免费送您网站流量,是中小网站和新 ……

娱乐网站目录

娱乐网站目录2018-07-08

娱乐目录网(www.ylkk.vip)推广免费送您网站流量,是中小网站和 ……

678网站目录

678网站目2018-07-08

678目录网(www.555678.vip)推广免费送您网站流量,是中小 ……

588网站目录

588网站目2018-07-08

588目录网(www.518588.vip)推广免费送您网站流量,是中小 ……

518网站目录

518网站目2018-07-08

518目录网(www.518188.vip)推广免费送您网站流量,是中小 ……

737网站目录

737网站目2018-07-08

737目录网(www.82737.vip)推广免费送您网站流量,是中小网 ……

123网站目录

123网站目2018-07-08

123目录网(www.58123.vip)推广免费送您网站流量,是中小网 ……

nba主题火箭队
中超视频 五子棋格子怎么画 竞彩足球比分澳客网 江西多乐彩又开奖结果查询 陕西11选5开奖走势 河南十一选五走势图表 西甲多少轮 22选5历史开奖结果 福建快三计划网站 淘码心水论坛98567 黑龙江时时彩历史开奖号码 华东15选5奇偶走势图 3d2019年历史记录 福彩开奖结果查询 网球比分1234