ui界面设计技巧
在布局设计中,诸如图像、文本和按钮之类的元素必须遵循相关的邻近规则,这样的布局看起来既合乎逻辑又易于理解。但是,在保持这种视觉关系的同时,稍微分散一下布局,可以让页面变得优雅、足够生动,不会过于简单或生硬。
2.保持一致性的光源
确保你的影子总是来自光源。如下图所示,右日历投影中的光源不一致,刚开始学习设计的朋友可能会忽略这个细节!所以我必须提醒你。
高清大屏幕是全屏的,作为标题显示字体也是固定的,但多数情况下会感觉单调。添加线性元素不仅可以覆盖视觉本体的图像,还可以增强形式感。如果使用得当,还可以作为视觉指南,加强交互,引导用户点击,非常方便。
占据整个屏幕的高清图像是有趣的,但是更多的图像显示在边界上,可以更增强用户的好奇心,比简单的左右页面按钮更能促进交互。这种不对称的布局将带有强烈形式感的标题和数字元素组合在一起,使整体看起来更加优雅。
在设计过程中,您可以使用适当的阴影来清楚地看到当前的设计和背景,但是您需要避免复杂的阴影,这样会产生相反的效果。
阴影可以增加元素的深度,吸引用户的注意力,提高画面的视觉层次感。
打破规则和传统是一般的设计理念,但通常只能打破传统。打破太多的规则和习惯会导致混乱。在经典的左右布局下,添加不规则和干净的交互元素,可以让设计保持经典的外观,同时更活泼有趣,不太跳跃。
凝聚力是这种设计组合的主题。统一的颜色使整个页面看起来非常集中,聚焦的元素使所有视觉内容都围绕着它。标题、辅助描述文本、交互按钮等在统一的设计理念和目标下进行统一的规划和设计。
黑白网站通常以一种颜色为中心,但在黑白网站上明显加上几张全色图像,看起来非常“醒目”,这也会引起用户的注意。这个设计也坚持“打破规则”。当然,你的设计目标是突出图片内容。
单色配色也是近年来流行的配色方式。这个配色简单直观,更重要的是强调布局。在这种情况下,非常规布局可以获得好处和增强。垂直排列标题或被边缘遮挡的作者名称、用于视觉引导的细线、在左下角突出的装饰色块可以提高页面的布局感。
颜色是一个普遍关注的设计元素。黑、白、灰等中性色,无论是图像还是色块,往往都会营造出一种宁静的氛围,可以选择亮黄色那样鲜艳明亮的颜色,打破这种氛围,增加层次。当用于加载核心信息时,用户可以更快地了解主信息。这种设计不仅高效,而且优雅。
这也是很好的设计,可以在常见的基础上稍作调整。在纯白背景的简约风格下,文本和图片内容沿中线左右排列。无需刻意确保左右精确对齐。不仅可以确保中线和整个视觉路径的清晰和干净,还可以确保清晰而不受约束。
12.使用字体