Question

UI设计的设计技巧有哪些?

1、清晰的布局，稍显错落的排版;2、单色网站，需要突出的全彩图片;3、全屏大图，兼顾功能的线性元素;4、高清大图，超出边界的布局;5、经典布局，错落的交互元素;6、统一色彩，明确的视觉焦点。

Answer 1

1、清晰的布局，稍显错落的排版

布局设计的时候，图片、文字、按钮等元素，需要遵循“相关靠近”的规则来分组排布，这样的布局会显得逻辑清晰，易于理解。不过，在保持这样的视觉关系的同时，让排版稍微错落一点，能够让页面优雅而又足够活泼生动，不会显得太简单呆板。

2、单色网站，需要突出的全彩图片

单色网站通常会以一种色彩为主，但是如果在单色网站中再加入几张明显是全彩的图片，会显得非常「扎眼」的，但是这也会让它们非常明显地吸引用户的注意力。这种设计同样是秉承「打破一条规则」的设计策略，当然前提是你的设计目标就是要凸显这写图片内容。

3、全屏大图，兼顾功能的线性元素

高清大图撑满全屏，加上展示性比较强的字体作为标题也是经典的搭配，但是在很多时候依然会让人觉得单调。线性元素的加入，不仅不会遮盖住作为视觉主体的图片，而且能够强化形式感，如果运用得当的话，还能作为视觉引导，强化交互，引导用户点击，非常有用。

4、高清大图，超出边界的布局

使用占据整个屏幕的高清大图固然赏心悦目，但是更多的图片在边界露个头，能够更好地吸引用户的好奇心，这比起单纯的左右翻页按钮更能够促进交互。这种不对称的布局，结合形式感极强的标题和数字元素，整体会显得更加优雅。

5、经典布局，错落的交互元素

打破规则，或者说打破常规是经常用到的一种设计思路，但是通常只能打破一种常规，打破太多的规则和习惯会带来混乱。在经典的左右布局之下，加入不那么规则、整齐的交互元素，能够让设计维持经典的外观的同时，显得更加活泼有趣，又不会让人觉得太过跳脱。

6、统一色彩，明确的视觉焦点

凝聚力是这种设计组合的主题。统一的色彩让整个页面显得非常的集中，而聚焦的元素让所有的视觉内容都围绕着它来进行设计，标题、辅助性的说明文本、交互按钮等都在一个统一的设计想法和目标之下得到了统一性的规划和设计。