首页 > 建站资源 > 网站优化 > 界面设计总结:如何提升界面品质感?

界面设计总结:如何提升界面品质感?

时间:2018-06-21    来源:优设网

一、当前背景

今天聊些设计基础部分。

设计工作中,我们总会接到不同场景、不同目标用户的业务需求,需要不同风格的设计方案支持,但无论是什么风格的设计,用户都会有一个共同诉求——「品质感」。

二、什么是品质感?

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

例如无印良品和爱马仕,两者都会传达给用户一种「品质感」,虽设计方向不同,但他们有一个共同的特性——对细节的深度打磨。其实品质感就是来源于产品对细节的深度考究与打磨。

一款有品质感的设计,随之带来的是用户使用中的舒适度、好感度、信赖感。

三、界面中的品质感

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

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

四、界面中的结构

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

1. 关系

信息关系包含界面中的组合、层级、分割等。

组合

「物以类聚」,界面内需明确传达各元素间的关系。

辅助信息服务于主体信息:辅助信息为主体内容的延续说明或补充操作,作用为服务于主体内容。同一组合内,信息间需有明确的关系与合理的顺序,且辅助信息不能抢镜。例如朋友圈,清晰传达关系的同时,以内容为主的阅读方式不会被头像内容干扰。

关系越紧密的内容距离应越近:形式不变的基础上,元素之间的距离越近,越易被视为同一组合。距离相同时,横向排列的内容接近度相对更高。

相关推荐
新手引导如何设计?有这8种引导方式和7个设计要点
界面设计不能忽略的这些设计细节
APP设计:移动应用里的转场动画如何设计
APP设计:手把手教你如何配置一个高颜值的app
用户体验优化:如何简化操作流程?
干货:什么是用户界面和体验设计?
电商设计:优化购物车的一次产品复盘
移动APP交互设计:提示语总结
设计分享:界面情感化设计,拒绝冷冰冰的人机交流
设计分享:评论区怎么设计?哪种评论类型才是合适你?
APP设计总结:底部动作栏设计
交互设计:三种界面交互类型,四种隐喻设计方法
字体设计分享:界面视觉设计之字体篇
实例分析:创意进度条设计分享(LOADING进度条设计)
设计优化:怎样平衡好页面布局与屏幕分辨率?
案例分析:在线旅游订票网Booking 如何进行优化设计?
从认知负荷理论看界面设计,让产品更加简单易上手
分享:UI/UX设计师必须了解的用户心理学原理
有效提高网站销售转化率的16个UI设计秘诀
32条优秀UI设计建议 助你提升网页易用性及转化率(1)
32条优秀UI设计建议 助你提升网页易用性及转化率(2)
网页设计必读!125个小优化提升网页可用性(三)
国内人气最高的百度首页,原来背后的设计过程是这样的!
Axure实例:制作一个通用的移动端内容滚动区
以简书的网站改版为例,浅谈产品如何完成友好迭代
想要设计一个完美的搜索框 你需要注意这9个要素
制作完美搜索框的9个要素设计原则
探探和Linkedin都用的卡片设计 怎样才有好的体验?
2017版“我的淘宝”可能是迄今为止最懂你的设计
想让网页可读性更强?你得善用这个 F 式布局
iOS 11 设计中的几个 UI 设计细节
UI设计规范:单选按钮vs复选框要怎么用?
APP设计教程:特殊情况下如何处理加载页面?
老年用户的体验思考:如何保证界面适合阅读
APP设计教程:UI界面中的版式设计理论
APP设计:移动端下拉表单的更好选择

精彩推荐

热门教程