浅谈“层级关系”的重要性

用户头像
北京/UI设计师/3年前/180浏览
浅谈“层级关系”的重要性
用户头像
Kwoook_

-

这段时间总是在工作中听到其他同事说到“层级关系”这个词,但何为层级关系?为什么我们会经常提到这个词呢?首先,个人认为层级关系指的是在一个版式布局中,文案信息、辅助元素、背景图形等元素之间的一种相互搭配关系。 其实不管是做品牌设计、视觉设计(运营方面)、还是UI设计时,都离不开各元素间的相互搭配,但怎样的搭配才算是好的呢?通俗一点就是用户在看的时候能否产生某种感受(舒适感、阅读性好、甚至还能让用户有一种美好的感受)和某种情绪(积极的or消极的)。

每个人的工作习惯、思维以及审美都不一样(审美这个话题很宽泛,这次先不深究),从而导致在浏览竞品和找相关参考时,会分不清哪些是好的,哪些是适合的。“因为好与不好、适合与不适合并没有一个特定标准,有些可以通过方法推导,有些却只能依靠经验。”(此话在广煜老师的原话基础上有点小改动)

以下观点是我个人认为在层级关系中可以用来判断何为有舒适感、阅读性好的其中几点:

1、优先级

一个版式中,有且仅有一个主视觉(这话可能说的有点绝对),可能是文案,也有可能是产品,那如果主视觉多了会怎么样呢? 多了的话会导致用户根本不知道你想表达什么,且用户自己也不知道该看什么信息,因为用户通常会根据图上展示的信息优先级的顺序去阅读,so,我们要做的是突出一个主视觉且通过信息优先级的排序去引导用户阅读和理解。但是在设计前期,一点要充分理解业务或项目需求,才能知道哪个重要哪个次要,若只了解大概就开始进行,这和买东西不看价格有什么区别呢。

2、对比

通过大小、字重、颜色等对比方式来突出主要内容,让用户清晰直观的看⻅要表达的东⻄。对比关系一定要强烈,才能在某一瞬间抓住用户眼球;就好比两个人穿了不同的T恤,但其中一个人穿的是白色,另一个穿的黄色,我们第一眼看到的一定是黄色,因为鲜亮的颜色具有很强的对比性。

3、视觉平衡

所有东⻄(文案信息、图案、辅助元素等)搭配在一起后能否给人一种舒适的感受;设计时,在舒适感这个阶段,设计师必须已经完成甚至在做的过程中要边做边观察(有点像以前学美术画素描和水粉的时候,画一部分就必须走远看看整体效果),局部搭配在一起是否舒适,再观察整体搭配在一起是否舒适,最后一定要通过全局观察,因为最终呈现给用户或项目方的是一个完整的设计稿。

最后:

不管是做什么方面,都离不开层级关系,且层级关系一定要对比强烈,如果不强烈的话,那和我们以前看的书有什么区别呢?!(现在的书籍排版已经有了层级,而且对比很强烈,一看就知道这章或这一段要讲的是什么),我们常说通过设计手段去解决问题,但何为设计手段?能运用上面几点把层级关系处理好就是其中的一种手段。

最后,层级舒适感和审美感知这种东⻄没有捷径,都是靠平时积累(90%的积累,10%的天分),一定要多做多看(看的时候要带着问题和自己的思考)。

· 以上仅为个人观点,如有不足/不对的地方多多包涵,欢迎一起探讨交流!

· 若需转载文章,请标明出处,谢谢!

6
阅读原文
|
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面插画设计女孩喝咖啡
平面书法字手写
城阙凡花
中国传统纹样创新图案设计
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
空的平台平面和自然景观
城市园林平面布局航拍
金色颗粒质地的平面
倒计时,海报,平面
古风平面仕女与瓷器
城市园林平面布局航拍
海底世界插画
玄关入门地毯印花图案红地毯
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
空的平台平面和自然景观
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面风格黄绿色系花朵装饰
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
活动,优惠,平面,海报,特惠
金色颗粒质地的平面
金色颗粒质地的平面
你可能喜欢
相关收藏夹
大家都在看
登录注册