要维持简单。这个定义可以追溯到1960年,当时美国海军推行了KISS原则,觉得假如简单而不是复杂,大部分系统工作能做得最好。几乎任何设计项目也是这样。大部分平面设计师在职业生涯初期就获悉KISS。那样你如何能如此做呢?创建一个简单的设计比你想象的要复杂一点。 这里有七个规则,可以帮你把杂乱的东西都剪掉,创造一个好看的简单的账户。
1.工作每页设置一个目的
一个简单设计的开始,从项目的目的和网站每一页的具体目的开始。每一个页面都要引导用户用一个动作,不包含导航和页脚。这可以是任何东西,从点击链接,输入信息,观看视频或打游戏。但每一个页面都要关注单个用户的操作或转换。太多的事情会让用户不堪重负。他们可能忽视了应该完成什么行动,并可能做出不那样理想的选择。计划设计,使每一个页面引导用户达到一个目的。每个可操作的按钮上面的滚动和下面的滚动在同一页面上应该做同样的事情。这种一致性可以帮助用户理解为何他们在你的站点上,与他们应该干什么;这类选择的简单性使设计变得简单而引人入胜。
2.坚持两个种类的家庭
有这么多的设计准则,为一个项目推荐了三种字体。你可以用两个健壮的种类家庭来简化这个问题。探寻一个种类的家庭,包含多重的重量,在常规的和大胆的或黑色的选择之间有很多的对比。为了更有才华,选择一个显示选项,其中包含一些你可以在超大标题中用的替代字符。然后你所要做的就是混合和匹配从一个体字体和显示字体,以获得很多的字体组合,为整个设计。用两类型型的家庭,就像你选择了更多具备特定重量或风格的特定作用与功效的选择一样。你将发现这可以帮助你创建一个可读性高且易于用的排版工具,这比较容易管理并且具备视觉一致性。
3.商品用一致的对齐
左侧,中间,甚至右侧――不管你喜欢哪种对齐方法,在整个设计中都要坚持。这包含对齐类似的项目,比如文本框和元素,它们不是一样的,而是组合在一块的。适应性在这方面做得非常不错,在主页滑块上的文字。尽管图片上有不同数目的文字,但每一个标题都要按动作按钮。元素之间的间距也是一致的。更要紧的是,这种一致的对齐方法会在滚动页面上显示其他的标题和CTA对。对齐会匹配滑块的流,滑块也会以互补的方向移动。在文本元素中,左边和中心对齐是最容易见到的选项,由于它们是最容易读的。对于较长的文本,左对齐是选选项。
4.商品打造层次结构
用户不应该考虑要看什么,或者怎么样在设计中移动。即便是最简单的可视组合也应该有不一样的层次结构。它从一个显性的视觉开始。它可以是一个图像或视频或文本显示或任何其他将产生第一印象的东西。
然后应该有一些文本,告诉用户设计和网站试图交流的内容。这一般是一个简单标题的形式,与主要的视觉作品一块工作。第三是为用户完成的第二部分文本或操作。最后一个视觉元素是导航菜单。用户期望找到所有这类元素,并练习双眼通过基本的顺序来移动这类元素。通过如此的方法设计使他们更容易。
5.给元素足够的空间
假如你目前还不了解,那就把它记在记忆里吧:白色的空间是你的朋友。给设计中的每一个元素足够的空间。空间或有助于吸引对单个元素的注意,占用“空间”,如此你就不会被魅惑去弄乱画布,并帮助创建一个有焦点的整体设计。用空间的秘诀是一致性。设置将围绕单个元素或文本行之间的空间的空间量的规则。假如设计最后看着太贫瘠了,你可能需要把间隔拉回一点。当你打开设计时,你会了解间隔是正确的,并直接进入你想让用户最早看到的地方。(不确定是什么?)回到第4号――打造等级规范。
6.Amp了对比
高对比度设计元素――从颜色的选择到元素的大小――可以让一个项目的视觉成效恰如其分,即便是在最简单的框架中也是这样。对于一个时尚的选择,尝试一个明亮的对比色调色板吸引用户注意。大胆的颜色会让简单的设计变得愈加复杂和有趣,这是一个黑白的选择。为了充分借助对比色,选择颜色轮上的相反地方的色调和一样的饱和度。假如你喜欢这个选项,那就试一试别的颜色轮吧。(你甚至或许会发现一个意料之外的新喜好,譬如上面的紫色和teal组合。)
7.用一致的图标和元素
设计的一致性是杀手设计的最好(也是最坏的)秘密之一。这是一种常常被遗忘的事情,由于设计项目充斥着多个按钮样式或社交媒体图标,这类图标与网站的其他图标不匹配。用户界面元素不应该是事后的想法。在整个项目中以相同的方法创建一个图标和用户界面元素集和规则并用它们,这非常重要。(假如你不想从头开始创建,你甚至可以购买或下载图标字体或用户界面元素工具包。)为元素选择一个颜色,用相同的悬停动作或成效(一个元素是可点击的元素,另一个是不能点击的元素)和基于用的大小元素。(可以同意一个图标大小和一个超大号的选项,这类元素都是图形化的。)Praticca自动售货机用超大尺寸的图标来提示用户信息。A +坐落于一个彩色图标内。除去颜色,这三个图标都是相同的。它们在鼠标悬停上都做同样的事情,当用户点击时,它们的行为都是一样的。同样的图标在网站上用更小,以开始新的内容,并帮助用户扫描副本。
结论
一个简单的设计无需完全的最小化或者缺少有趣的元素或者用户界面的东西。一个简单的设计是很有用和直观的,允许用户毫无疑问或复杂的指令参与。虽然有一个更复杂的网站或用户交互的地方,但大部分网站建设都能从KISS办法中获益。不要过度考虑,用户也不必这样。
网页标题7条简单的网站建设规则,创建提升设计效率的绝佳办法