
无需加好友免费技术支持
有很多新设计师在做网页设计时,要么无法开始,要么异想天开地认为这很简单,但即使他们复制一部优秀的作品,效果也完全不同,但他们对自己感到非常满意。
问题出在哪里?事实上,学习任何技能都常规的。在这里,我想和大家分享一本设计师必须阅读的圣典《写给你的设计书》。这本书讲述了设计和排版的四个原则:复、对齐和亲密。
本文重点介绍了大师如何灵活运用这四个原则来设计生动、有趣、有组织的优秀网页作品,能让你称赞?
如果信息之间的相关性越高,它们之间的距离就越近,就越像一个视觉单元。亲密关系的根本目的是实现组织,让用户一眼就能看到页面结构和信息水平。
示例如下:
作品来源:
lght by Andrew Baygulov
此案例通过间距来拉开彼此关系,使页面内容更有条理性和逻辑性,板式布局更美观。用户也更容易阅读,更容易被记住。
在认知过程中,人们倾向于使感知对象的直线继续成为直线,使曲线继续成为曲线。在界面设计中,元素对齐不仅符合用户的认知特征,而且引导视觉流,使用户能够更顺利地接收信息。
示例如下:
作品来源:Jason Ray by mike
本案例采用了大量的右对齐和左对齐,使页面上的所有元素都有一定的视觉联系,使页面更加统一,内容更加突出。
比较是增加视觉效果最有效的方法之一,也可以在不同元素之间建立有组织的层次结构,让用户快速识别关键信息。
示例如下:
作品来源:Corpo by webshocker
通过多层次的文本对比和色块对比,突出了主次内容关系,增强了页面的视觉效果。
相同的元素在整个界面中不断重复,不仅可以有效降低用户的学习成本,也可以帮助用户识别出这些元素之间的关联性。
示例如下:
作品来源:SBA by Webshocker
本页使用相同的字体、相同的粗标题字体、相同的项目符号、颜色、设计元素、图标和文本排版形式、空间关系等重复元素,统一和增强整个作品,使页面更加识别、一致,减轻用户理解的负担。
这四个原则反映在所有优秀的作品中。你周围到处都是这样的例子。我希望这篇文章能不知不觉地向你灌输这种设计思维,以提高你的视觉敏感性。当你明白为什么一个好的设计时,这些原因就会反映在你自己的作品中。
你顿悟了吗?期待你的杰作!