信息层级 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

信息层级话题

首页
设计文章
信息层级

5000字干货！设计师应该掌握的信息层级梳理指南

UI

5000字干货！设计师应该掌握的信息层级梳理指南

这篇文章从另外一种维度去阐述信息层级，个人认为有效地解决了自己大部分排版的问题。希望对大家有所帮助。

2022/08/04

学会划分层级，是开始设计的第一步

UI

学会划分层级，是开始设计的第一步

新手刚接触设计时，第一步最应该学习的，绝对是划分层级。本文用一个简单的小案例，帮你理解层级的重要性。

2021/01/21

如何让平面排版的层次更丰富？我总结了这15个方法

平面

如何让平面排版的层次更丰富？我总结了这15个方法

在一个版面中，信息的组别越多，拉开信息之间的层级关系就越为重要，当然，难度也会越大，这篇文章葱爷就带着大家一起来解决这个问题。

2020/11/25

Dropbox设计师：如何让界面信息更加聚焦？

教程

Dropbox设计师：如何让界面信息更加聚焦？

始终围绕用户目标做设计决策，根据功能优先级做出不同的设计形式，强化核心功能，是一篇非常棒的细节优化方向参考文章。内容不多，但是蛮有启发，分享给大家！想想看，在手机上工作是什么感觉，你的注意力容易被分散，胖胖的手指还老是按错字母。

2018/10/31

如何选择UI 界面布局样式？来看丁香园设计师的总结！

UI

如何选择UI 界面布局样式？来看丁香园设计师的总结！

大海一直鼓励自己多总结，多积累，多分享，最近看到一篇大牙的文章，对于不要盲从趋势，总结的特别好，于是有感而发，在此基础上，做了一些拓展衍生。什么是界面布局样式？界面布局样式是指用于区分信息内容，层次的版式设计的具体方式。

2018/07/12

饿了么高级设计师：界面视觉设计 5 要素之字体篇

教程

饿了么高级设计师：界面视觉设计 5 要素之字体篇

字体是界面设计中重要的构成要素之一，它能辅助信息的传递，是文字的外在表现形式；字体还可以通过其独有的艺术魅力，表达情感体验，并塑造品牌形象。本文总结了字体设计的重要性、界面常用字体推荐以及国内外权威设计体系中对字号、行高、字重的选择和设置。如果你想对界面字体设计有更深一步地了解和运用，本文将会提供一些帮助。

2018/07/11

如何提升界面品质感？来看这篇超全面的总结！

UI

如何提升界面品质感？来看这篇超全面的总结！

一、当前背景今天聊些设计基础部分。设计工作中，我们总会接到不同场景、不同目标用户的业务需求，需要不同风格的设计方案支持，但无论是什么风格的设计，用户都会有一个共同诉求——「品质感」。二、什么是品质感？

2018/06/20

从交互角度，分析为什么我沉迷抖音，却不想刷微视？

交互

从交互角度，分析为什么我沉迷抖音，却不想刷微视？

Elaine Zhu ：最近已经是个抖友了！每天抖音中毒停不下来。因为微视是腾讯力推的产品，出于好奇也下载了。

2018/05/31

信息杂乱无章？教你构建合理的视觉层次！

UI

信息杂乱无章？教你构建合理的视觉层次！

每天打开手机，各式各样的信息纷至沓来，每个 App 每个页面都有好多话要说。当信息汇集在一起的时候，如何能让用户一打开页面就能轻松理解各个信息元素之间的关系与差异呢？这就要靠我们设计师在设计之初构建合理的视觉层次了。

2018/05/16

如何设计支付购买流程？来看这份超全面的UX优化方案

交互

如何设计支付购买流程？来看这份超全面的UX优化方案

一、功能逻辑梳理在做框架设计与加减乘除合并同类项之前，梳理业务与产品逻辑对于复杂的流程界面来说是至关重要的。我们举个例子来说明问题，举例的这个产品叫做「宜信优选2年期」，是个 P2P 理财固收产品。结合购买流程相关页面，我们可以把产品使用逻辑梳理按用户情况分为以下2种：这里我们可以归纳出在该产品的实际购买流程中涉及到2个核心功能操作（买入金额输入+支付）和核心功能操作反馈（支付状态），3个辅助功能（银行卡选择、优惠券选择与回款方式选择）。

2018/05/04

网易设计师：做好文字排版的小技巧

教程

网易设计师：做好文字排版的小技巧

网易UEDC – SONG：「细节决定成败」，在设计中也同样如此。一个好的设计作品是由多种元素构成的，有的设计师往往重画面，而忽视了文字的排版。然而文字是最强有力的表现形式，和最有力量的信息内容。

2018/03/28

一致性原则

易懂好用的UI界面，都建立在良好的视觉层次之上

教程

易懂好用的UI界面，都建立在良好的视觉层次之上

人们总希望能够通过规则让事情变得更容易理解。对于平面设计是如此，对于数字化的UI界面也同样是如此。经过仔细地组织和整理之后的UI界面，无论是APP还是网站，都能够被用户更好地了解，使用和吸收，这也真正让用户满意的产品的必由之路。

2017/12/07

版式设计中的文字层级怎么学？来看高手的实例演练！

教程

版式设计中的文字层级怎么学？来看高手的实例演练！

编者按：看似简单的版式设计，细节其实非常多。比如今天讲到的文字层级，肯定有很多设计师不懂。这篇好文让高手深入浅出带你学会如何打造文字的层级关系，附上大量实例演示，赶紧来收！

2017/09/06

设计反复修改？可能是你的信息层级没有梳理好！

教程

设计反复修改？可能是你的信息层级没有梳理好！

今天跟大家分享一下我在经历需求不明确、设计反复改稿后，如何发现用“十字法”来梳理页面中的信息层级的。共包含五个部分，下面为第一部分。第一部分：反复改稿！

2017/06/06

从优秀到卓越！交互设计师怎样理解信息架构？

教程

从优秀到卓越！交互设计师怎样理解信息架构？

编者按：今天分享一篇交互设计高级教程，关于产品信息架构的思考，这方面是交互设计师成长的一个关键点，也是交互设计大局观的锤炼基石，文章很有深度，值得用心学习。这篇适合交互设计或者对交互设计感兴趣的小伙伴们看。所以我就不解释信息架构是什么了。

2014/09/26

设计师必读！运用视觉表现建立网页的信息层级

教程

设计师必读！运用视觉表现建立网页的信息层级

yangmei：作为视觉设计师，我们的作用除了最基本的满足用户审美需求，还会有品牌传达，信息传达，功能传达等，其中想要信息有效的传达给用户，需要我们建立信息层级，而不是一股脑的丢给用户自己理解，要做到这点有哪些视觉方法，这些方法的背后是否有理论依据，是本文的主题。好文推荐：《推荐阅读！尤原庆的设计之道与成长之路（华为设计总监）》《向牛人学习！

2014/02/27

优秀网页设计

没有更多内容了

大家都在看

神器推荐

文章 429

App设计

文章 266

网页设计

文章 972

入门

文章 162

交互设计

文章 832

酷站

文章 643

职场规划

文章 429

设计师专访

文章 149

用户体验设计

文章 338

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营