前 言
每个想开始他的网站设计旅程的人,都必须训练审美能力。
很多设计师经常上Dribbble设计网站,看各种好的设计,这样会对我们提升设计非常有帮助,但是有时,大多数人只能是欣赏设计,却不明白为什么要这么设计。
今天,我们将向大家分享20个极其简单的设计技巧,这些技巧不需要任何特殊技能,但是,可以帮助设计者改善不那么美观的设计,提升审美。
但是,请记住,这些不是规则,而是在大多数情况下使用的有效技巧。
黑白相间
没有主意吗?没有好的图像?那就黑白相间。大家就可以获得具有正确构图的野兽派设计。这可以帮助大家了解平衡空白以及如何使用文本和几何形状。
让我们看一个简单的例子。这个例子简单有效。
创建一个“平衡方案”
使用可能发明的“事物”来测试我们的设计。称其为“平衡方案”,它是概念的黑白版本,其中,我们使用简单的几何图形代替内容。
目标是在左右,上,下都带来相同数量的黑色。如果将原理应用于简单设计组合,则会得到以下信息:
用黑色矩形替换项目,灰色的放柔软物体。
注意:墨水点比矩形小,但是非常清晰锐利的细节吸引了更多的注意力。
设计背景
之前介绍的示例以灰色背景显示,但大家可以尝试其他操作。这有助于大家的设计创建一些深度和上下文。
但要注意:在真实的网站中,大家将没有多余的空间,因此,这只是一个演示技巧!
使用尺寸指南
大家不必浪费一整天的时间来设计测量尺寸。只要最后,段落文本将在14–18pt左右即可,小标题需要大一些,可以为24–36pt之间,并且大标题还要更大一点,可以使用96-144pt。而Figma的默认大小非常适合排版。
它们看起来太小了,但这是正常的:大家无法全屏工作。
注意:某些字体比其他字体小或大。大家应该以Roboto作为标准字体的基础:如果字体较大,如14–18pt Roboto,则非常适合段落。
使用Z-Index,分层设计
如果大家有一些具有透明性的图像,则可以利用它们来创建一些分层。如果没有,则可以使用remove.bg
作为CSS中的Z-index,可以将图像置于其他项目的前面或后面,从而产生三维感。这是非常有效的。
让我们来看看使用这个技巧后的简单设计效果。示例如下:
尝试使用柔和的颜色
鲜艳的色彩很棒,但常常导致激进的设计和糟糕的组合。此外,如今柔和的设计非常流行,因此,我们可以多尝试使用柔和的颜色选择器。
使用空白设计
在大多数设计中,空白多比空白少要好。杂乱无章的设计真的很糟。不过,大家可以通过多种方式获得:
· 保持大背景图可见。
· 避免带有间隔的文本墙。
· 不要使用不会吸引太多注意力的图像。
· 减少文本的内容,并保留醒目的短语即可。
发现噪点的力量
通常,当我们想到设计时,就会想到干净,平滑,清晰的概念。但是,完美在于缺陷。
噪音是大家设计中的坚强朋友,尤其是当大家要使网站外观优雅或艺术化时。
此外,施加细微的噪点会使大家的构图具有电影效果,这非常适合视频和动态网站。
大家可以使用Photoshop并在白色背景上创建2–4K高斯噪波,然后将其应用到画板上,从而获得一些噪波纹理。
寻找并使用好的字体
有很多可怕的字体,尤其是我们计算机上预装的字体。要找到好的字体,请开始浏览网络或观看youtube视频,以了解出色的字体。
但请注意:许多字体不是免费的,并且在没有许可的情况下使用它们可能会给你带来麻烦。不过,也不用担心:大多数字体都有免费版本!
有许多不同的风格,但总的来说,我们将其分为三个主要类别:
·优雅的字体
·现代字体
·正文的字体
通常,前两个也是显示字体 :其创建者希望大家将它们用作标题。
大家可以寻找优雅的字体,如Abril Fatface,Playfair Display,Volux,Chalga等。
现代字体包括,Metropolis,ITC Avant Garde,Redwing,Takota,Gotham…
使用几何体
这可能是最难使用的技巧,但如果正确应用,它会帮助你提升设计效果。
使用几何图形有助于增强布局中的概念和顺序,甚至不需要图像。找到正确的几何形状很困难,但我们仍然无法很好地掌握它。
一个非常实用的技巧是,将文案中的字母,数字和标题变换成作几何体图形,使其巨大而微妙,或者将某些特定的字母用直接当作形状使用,像下面示例中的A字母,就应用的很好。
总 结
上面的这10种改善网站的简单技巧,更多的运用正确的构图设计和布局理念,能够最大化刺激用户,带给用户更强烈的视觉体验。
而除此之外,还有更多的改善网站的简单技巧,我们将在下一期给大家分享,让我们一起期待吧!

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。
公安局备案号:

