ui界面设计技巧

1.布局清晰，排版略显错落

在布局设计中，图片、文本、按钮等元素需要遵循相关接近的规则，这样的布局将显得逻辑清晰，易于理解。然而，在保持这种视觉关系的同时，让布局稍微分散一点，可以使页面优雅，足够生动，不会显得太简单和僵硬。

2.保持一致的光源

确保你的阴影总是来自一个光源。如下图所示，右日历投影中的光源不一致，一些刚开始学习设计的朋友可能会忽略这个细节！所以一定要注意它。

3.全屏大图兼顾功能线性元素

高清大图充满全屏，显示字体作为标题也是经典搭配，但在很多情况下仍然会让人感到单调。线性元素的添加不仅会覆盖视觉主体的图片，还会增强形式感。如果使用得当，也可以作为视觉引导，加强互动，引导用户点击，非常有用。

4.超越边界的高清大图布局

占据整个屏幕的高清图片令人愉悦，但更多的图片显示在边界上，可以更好地吸引用户的好奇心，比简单的左右翻页按钮更能促进交互。这种不对称的布局，结合强烈的形式感的标题和数字元素，整体会显得更加优雅。

保持元素清晰

在设计过程中，可以使用一些合适的阴影，以确保当前的设计和背景清晰可见，但必须避免复杂的阴影，这将产生相反的效果。

阴影可以增加元素的深度，吸引用户的注意力，增强画面的视觉层次感。

6.经典布局，交互元素分散

打破规则或传统是一种常用的设计理念，但它通常只能打破一种传统。打破太多的规则和习惯会带来混乱。在经典的左右布局下，添加不规则、整洁的互动元素，可以使设计保持经典的外观，同时显得更加活泼有趣，不会让人感到太跳跃。

7.色彩统一，视觉焦点清晰

凝聚力是这种设计组合的主题。统一的颜色使整个页面看起来非常集中，聚焦的元素使所有的视觉内容都围绕着它进行设计。标题、辅助描述文本、交互按钮等都在统一的设计理念和目标下进行了统一的规划和设计。

8、单色网站，突出全彩图片

单色网站通常以一种颜色为主，但如果在单色网站中加入几张明显全彩的图片，会显得非常非常「扎眼」是的，但这也会明显吸引用户的注意力。这种设计也是坚持的「打破一条规则」当然，前提是你的设计目标是突出图片内容。

9.单色配色，打破常规排版

单色配色也是近年来流行的配色方式。这种配色简单直观，更重要的是突出排版。在这种情况下，非常规的排版可以获得好处和突出。垂直排列标题、被边缘遮挡的作者名称、用于视觉引导的细线、左下角强调的装饰色块都能很好地增强页面的排版感。

10.优雅中性色，明亮明亮

色彩通常是引人注目的设计元素。黑、白、灰等中性颜色，无论是图片还是色块，往往都能营造出安静的氛围，选择一种鲜艳的亮色，如亮黄色，可以打破这种氛围，增加一个层次。如果用来承载核心信息，用户可以更快地了解主次。这种设计不仅高效，而且优雅。

11.简约风格沿中线错开布局

这也是一个很好的设计，可以在常见的基础上进行一点调整。在纯白色背景下的简单风格下，文本和图片内容沿中线左右两侧排列。没有必要故意确保左右两侧的准确对齐。只需确保中线和整个视觉路径的清晰和整洁，也可以清晰而不受约束。

12.使用字体

设计一套新的UI界面时，最好保持字体，使界面更轻，同时保持和谐的质感。

尽量避免使用两种以上的字体，你可以通过厚度、大小或颜色来区分层次！