今日9个小技巧，轻松超越飞机稿！！！
9个小技巧，让你的UI设计瞬间高大上起来！
今日9个小技巧，轻松超越飞机稿！！！
小铺最近收到不少粉丝来信
UI设计怎么样才能让人
一眼看过去就很高大上
很有格调
很有品味
?
那么小铺今天就将这
9大设计技巧
传授与您
不急
您且听我慢慢道来！！！
首先呢
是在设计布局的时候
文字、图片、按钮等设计的多元素，都需要遵循“相关靠近”的规则来分布
这样的排版布局会让小主您的网页显得逻辑清晰，简单大气
干净整洁，布局略显错落
然后在这样的基础上
再让排版稍微错落，让图片或者是按钮等元素在画面上有所突破
这样一来界面整体就会活跃一点，不会显得过于呆板。
单色网站通常会以一种色彩为主
但是如果在单色网站中再加入几张全彩的图片
这会让它们非常明显地吸引用户的注意力
图单色网站，突出全彩图片
当然这个前提是小主您的的设计目标就是要突出表达这些图片内容，否则可能会反其道而行之哦。
高清大图撑满全屏，加上展示性比较强的字体作为标题是当下很经典的搭配
但是在很多时候一张全屏大图会让人觉得单调。
图全屏大图，兼顾功能的线性元素
图全屏大图，兼顾功能的线性元素
这时适当的加入一些线性元素，
不仅不会遮盖住作为视觉主体的图片
而且能够强化形式感，如果运用得当的话
还能作为视觉引导，强化交互，引导用户点击，非常有用。
4.高清大图，超出边界的布局
使用占据整个屏幕的高清大图固然赏心悦目
但是将图片在边界露个头，能够更好地吸引用户的好奇心
高清大图，超出边界的布局
这比起单纯的左右翻页按钮更能够促进交互。
这种不对称的布局，结合形式感极强的标题和数字元素，整体会显得更加优雅。
5.经典布局，错落的交互元素
打破规则，或者说打破常规是经常用到的一种设计思路
但是通常只能打破一种常规，打破太多的规则和习惯会带来混乱。
经典布局，错落的交互元素
在经典的左右布局之下，加入不那么规则、整齐的交互元素，能够让设计维持经典的外观的同时，显得更加活泼有趣，又不会让人觉得太过跳脱。
6.统一色彩，明确的视觉焦点
凝聚力是这种商品详情设计组合的主题。
统一色彩，明确的视觉焦点6
统一的色彩让整个页面显得非常的集中
而聚焦的元素让所有的视觉内容都围绕着它来进行设计，
标题、辅助性的说明文本、交互按钮等都在一个统一的设计想法和目标之下得到了统一性的规划和设计。
7.单色配色，打破常规的排版
单色配色也是最近几年比较流行的配色方式，这样的配色简单直观，更重要的是能够突出排版。
这种情况下，非常规的排版就能更好的抓准视觉点
单色配色，打破常规的排版
纵向排布的标题，被边缘遮挡的作者名称，用来视觉引导的细线，左下方用来强调的装饰性色块，都很好的强化页面的排版形式感。
8.高雅中性色，明快提亮色版
色彩通常是最快抓人眼球的设计元素。黑白灰这样的中性色，不论是图片和色块常常能创造高级感和沉静的氛围，而精选一种明快的提亮色
高雅中性色，明快提亮色版
比如明黄，能够打破这种氛围,增加一个层次，如果用来承载核心的信息，能够让用户更快搞清主次。这样的设计不仅高效，而且优雅。
9.简约风格，沿中线错开布局
这同样是在常见的基础上，稍加调整就能做出来的好设计。
简约风格，沿中线错开布局
在纯白背景下的简约风格之下，沿着中线的左右两侧来排布文本和图片内容
只需要保证中线,上整个视觉路径的清晰规整，同样可以做到清晰而不拘一格。
偷偷告诉小主，这种极简风也是当下最流行的风格之一哦。
10.总结
怎么样小主学会了吗？
相信以小主的聪明才智看一眼就懂了呢
掌握了这9个ui设计小技巧，轻松超越飞机稿
让小主您的ui设计也可以瞬间变得高大上，变得更有逼格，有品位！！！
今天的分享就结束啦，那咱们后会有期啦！！！
本文首发微信公众号（UI精品铺），今日头条同步更新，转载请注明作者与出处。
