撰稿编者按：日常日常生活工作和日常生活中，检视别人的结构设计经典作品有利于提升他们的意念，进而开拓结构设计路子。两个工具栏都能努力做到这般精细的人，一定是在结构设计白眉林了功夫的。责任撰稿对许多UI结构设计展开导出，撷取UI结构设计的许多小基本功，希望对你有协助。

前段时间在看许多南韩的app，发现他们结构设计不光倚重技术细节处置，两个工具栏都能精细到让我看了两遍。刚好趁此机会，给我们撷取新一波，期望我们能由此吸取意念，转换成他们的结构设计贮备。

一、常见工具栏减少技术细节

可能许多结构雕塑家说，工具栏我也会用啊，但是有很少部份结构雕塑家显然没有深入细致去应用领域工具栏，比如说上图，那个商品在每两个快捷键下面减少工具栏展开重要信息结构设计，这样就防止尽是文本的乏味镜头。

上图那个商品，通过4个娱乐性机能工具栏将整座网页治好了，换言之，如果拿掉这种GUI的表达方式，换成点阵非线性的，效用呢又会打折扣。

工具栏特点的结构设计持续性，包括播放按钮都有著标准化的特点。

上图，许多小的条目情景都有工具栏的出现，还有尾端这张图真实可信花篮的工具栏结构设计，三千余不充分体现对技术细节的紧抓，新体验的雕琢。

二、更个性的布局

布局是最能影响视觉感官的结构设计语言之一，所占面积较大，进入商品第一眼的感受肯定是整体布局调性，然后到技术细节深入。在上图，我们能看到结构雕塑家在首页大胆的运用图形叠加布局，圆弧背景图形与专辑封面叠加，错落有层次，营造氛围。

在结构设计中，除了网页本身布局差异性结构设计，在包装时，也是将网页元素与画布外面相衔接，这样连续性的效用，让网页增加品质技术细节。

上图，结构雕塑家也是在网页中采用图片错层叠加布局结构设计，杂志感与韵律节奏感让整座网页技术细节满满。

如果你使用双圆角过多了，那么不妨试一试单圆角布局，但是需要整座体系保持标准化。

三、超娱乐性动画

上图那个商品，全程虚拟小手在与用户互动，看起来感觉非常拟真化，也正是这种小技术细节的处置，才让商品打动人心。

四、杂志化布局

杂志化布局，在国内这两年都开始有不少商品在结构设计应用领域，杂志化结构设计路子，映射现实世界中精美杂志的结构设计和阅读质感；大标题、层叠布局、留白、大图等已成为商品杂志化的必要结构设计语言。

图片与大标题文本叠加处置。

五、大量运用留白

比如说上图那个结构设计，结构雕塑家在处置布局重要信息时候，留白居多。在左侧网页处置中，通过图片丰富技术细节，然后再运用文本排版。右侧条目布局，也是大面积留白，可让用户在第一时间抓住关键重要信息。

卡片之间布局也是大空间留白。

留白与个性化布局都有充分体现。

好了，今天文章就这里。我们下去多做许多结构设计练习，在做结构设计探索中多去延展应用领域，完成结构设计转化，结构设计品质更上一层楼。

#专栏作家#

题指导、UI视觉创意、结构设计趋势风格等。

责任撰稿原创发布于人人都是商品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议