潢川电商网页设计中的“设计规则”

还记得KISS原则么?KISS 是 Keep it Simple and Stupid的缩写,指的是要将产品做的连白痴都会用,因此也常常被称为懒人原则。这一设计原则初在1960年被提出并应用于美国海军的相关设计。在此后的50多年当中,设计在技术和思路上经历了翻天覆地的变化,但是KISS原则依然非常重要,并且影响巨大。

绝大多数的平面设计师在刚刚开始接触设计的时候,或多或少都接触过KISS原则,但是在具体实施的时候,却常常不知要如何实施。想要创造一个足够简单的设计,可能比你想象的要复杂一些。那么今天接下来要说的7个规则,能够帮你在杂乱的思路里面,理出一条通路。

1、一个页面,一个目标

 

想要设计一个简单直观的网站,那么你应该为每个页面设定一个目标。每个页面终是要引领用户进行某一个操作,从导航到页脚都要围绕这一个目标来设计。

可以是点击一个链接,也可以是在表单中输入信息,还可以是查看视频或者进入一个游戏。但是不论是哪种,都应该关注单个用户在这个页面中的转化率。

分散用户注意力的东西太多了,他们可能因为这些干扰而打断了原本正准备进行的操作。所以,你要做一个目的性明确的设计,集中精力来引导用户。每个按钮上下的设计元素,包括滚动的效果本身,都尽量将用户导向按钮、链接等。这种目标上的一致性能够很好的帮助用户了解他们需要在网站上做什么,简单的选择往往能够让用户轻松参与进来。

2、坚持使用一两个字体族

 

有许多设计规范会推荐用户在一个设计项目中使用三个甚至多的字体。不过,将使用的字体缩减到2个字体族当中,会让整个设计的凝聚力强。

许多字体族当中,不同的字重能够创造足够的视觉对比度。许多字体族当中甚至包含了多种不同样式的字体,其中有些可选的字体形式感十足,甚至非常适合用来做尺寸超大的标题。

所以,你的主要工作是挑选适合正文用的字体以及用作展示的字体,选择两套能够相互搭配的字体族,那么你整套设计可用的字体搭配应该都可以搞定了。接下来你会发现,这样的字体搭配能够让你的整个排版和视觉层次易于管理控制。

3、使用一致的对齐方式

 

左对齐,居中,还是靠右对齐,无论你是喜欢哪种,尽量在整个设计当中贯彻这种方式。这种对齐方式的选取不仅仅是文本本身的对齐,还包含了各种其他元素的对齐方式。

Adaptable 的网站在这个事情上就做的很好。尽管轮播图中的图片和文本的内容各不相同,但是几乎都采用了统一的左对齐,文本和行为召唤按钮也是做对齐,元素与元素之间的间距也很统一,这种一致的美感让人非常舒适。

左对齐和居中对齐是常见的两种对齐的方式,因为这两种是可读性强的排版方式。而在针对较长的文本进行排版的时候,左对齐是首选选项。

4、建立层次

 

用户不应该在查看你的网页的过程中费脑子思考。所以,即使是简单的视觉排版,都应该具备足够清晰的层次。

你的设计应该从主视觉开始。它可以是一个图像,也可以是一个视频,同样可以是一段文本,但不论是哪种,它都应该是给予用户一印象的元素。

接下来,通常需要有一些文字内容,告知用户这个设计或者这个网站是干啥的,通常,它会以标题的形式和主视觉搭配起来,一同传递信息给用户。

随后可以增加一些说明性的副标题。此外,还应该提供导航等元素,因为基于用户的浏览习惯,他们会期望看到这些内容,并且已经具备了与之相关的浏览习惯。所以,通过这样层次化的设计,可以让用户便捷地获取信息。

5、运用空间与留白

 

不要纠结于留白太多,留白其实是服务于各种设计元素的,它会让你的设计好。

如果你想要设计真正简单直观的设计,留白是必不可少的组成部分。给每个元素足够的空间,有空间的衬托,才能让这些元素被访客注意到,因此,千万不要让整个布局杂乱不堪,而应该创造有视觉焦点的布局。

使用空间窍门在于一致性的把控。为每个元素周围的留白、文本的字间距、行间距都设定好,然后尽可能保持规则性。如果这样设计出来的效果看起来不自然,也许你只需要对留白稍加调整就可以了。当你打开自己的设计,视觉自然聚焦到你想要用户看的地方的时候,你就会知道你的留白和空间设计是争取的。

6、强化对比度

 

从色彩到尺寸大小,具有高对比度的设计元素能够让整个项目的设计感和精细度得到提升,哪怕是在极简的设计框架之下。

明亮而又富有对比度的配色是许多跟随流行的项目所青睐的选择,因为这样容易吸引用户的注意力。大胆的配色让一个简单的设计显得加富有设计感,也有趣。为了充分的利用色彩的对比度,尽量选择色轮上相对位置的色彩搭配,并且调整色彩饱和度到合适的状态。也许你会在其中寻找到意想不到的搭配。

7、使用一致的图标和元素

 

设计的一致性是基本的设计规则,也是容易被忽略的设计规则,与此同时,它也是许多优秀的设计的秘密所在。有太多的网站采用不匹配的设计元素,导致整个设计陷入尴尬。

所以,创建一整套系统而一致的图标和UI元素合集与规则是相当有必要的,一旦你完成设定,应该在整个设计项目中贯彻并运用这套UIKit 和规则。

如果你为一个元素确定了色彩,选择了一个光标悬停的特效,那么你需要基于使用状况和用量Praticca Vending Machines 这个网站就采用了超大的图标来告知用户,可以点击获取多的信息。包含+号的彩色图标沿用了相同的样式,并且为不同的区块搭配了不同的色彩,引导用户去点击。

总体来说,简单直观的设计未必非得是极简的,它同样可以是丰富而又有趣的。但是简单而易用的页面的设计过程是需要用心做才能达成的,它需要具备高度的可用性和直观的设计,确保用户在使用的时候足够直觉、不会迟疑。




 

如果您有任何疑问或需要了解可以加我微信:13501347155

上石 - 电商4A 专注电商营销推广与电商视觉设计,为客户提供全方位的电商品牌服务。
公司聚集了一批专业的电商精英,为我们的客户提供一流的电商服务。公司凭借雄厚的技术实力和优良的服务品质,为数千家企业成功提供了卓有成效的整套电子商务解决方案,为此公司赢得了客户广泛的赞誉。
旗下潢川电商知识分享平台,主要以分享电商运营视觉策略这方面的内容。承诺我司搭建这个平台无任何付费。只为潢川人提供一个了解电商了解互联网的平台。我们希望我们是您成功路上的垫脚石。愿上石与您一起为我们大潢川繁荣昌盛而努力。
 如果您有任何疑问或需要了解可以加我微信:13501347155

上石 - 电商4A 专注电商营销推广与电商视觉设计,为客户提供全方位的电商品牌服务。
公司聚集了一批专业的电商精英,为我们的客户提供一流的电商服务。公司凭借雄厚的技术实力和优良的服务品质,为数千家企业成功提供了卓有成效的整套电子商务解决方案,为此公司赢得了客户广泛的赞誉。

潢川在线电商知识分享平台,主要以在线分享潢川电商运营电商美工视觉策略这方面的内容。承诺我司搭建这个平台无任何付费。只为潢川人提供一个了解电商了解互联网的平台。
成功从来都不是独行,我们愿一路相伴。上石与您一起为我们大潢川繁荣昌盛而努力。

 

相关推荐
新闻聚焦
猜你喜欢
热门推荐
  • 潢川上石电商告诉你:对于设计而言,“色

      冈本一宣 Okamoto Issen, 1951年出生于长崎,毕业于武藏野美术大学。1979年成立冈本一宣设计事务所。以报刊、杂志等媒体的编......

    10-08    来源:未知

    分享
  • 潢川上石电商告诉你优秀的海报应该怎么

      为什么别人字体就那么随意放一下就辣么好看,其实排版可有大学问,不是随意放就好看。这就如同配色一样,也有千变万化......

    10-08    来源:未知

    分享
  • 潢川在线电商知识平台谈设计需要掌握哪

      一、经常被使用的PS: PS主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。......

    10-05    来源:网络

    分享
  • 潢川电商:3:4主图视频操作教程

      【重要通知】3:4商家视频已支持在爱逛街频道透出,制作头图视频即可获取曝光机会! 点击查看 -3:4视频后台: xiangqing.wan......

    10-08    来源:未知

    分享
  • 美工外包现在的趋势是什么?

      美工外包现在是朝越来越流行的趋势发展,首先,找到了合适的外包商家就靠谱。这个范围不限于地区,可以在全国范围内找......

    10-05    来源:网络

    分享
  • 上石艺术教你简单5步,快速打造你的视觉

      一对一服务,犹如全职。上石艺术有天马行空的想象可打破常识的束缚,唤醒大众的审美角度,不要叫我牛逼设计,请叫我神......

    10-05    来源:网络

    分享
  • 一个合格的美工需要具备哪些技能

      一个优秀的美工在老板眼中是无所不能的请将自己上升到设计的角度,平台设计,图片美化,html,css,这些你起码要懂点 首页......

    10-05    来源:网络

    分享
  • 潢川网页设计教你样本设计应该遵循的设

      样本设计是企业商业活动的重要内容,深圳样本设计应该遵循怎样的设计思路,是今天我们要说明的问题,现在我们就来看一......

    10-08    来源:未知

    分享
  • 如何提升店铺销量,解决没销量的问题?

      淘宝代运营 如何解决淘宝没销量的问题?首先我们先思考一个问题为什么你的店铺没有销量淘宝店铺运营其实是一个循环的......

    10-07    来源:未知

    分享
  • 淘宝店铺装修教你滚动海报和产品排版制

      淘宝店铺装修教你滚动海报和产品排版制作。今天我们不说淘宝运营,给大家分享一下店铺装修,关于滚动的海报和产品设计......

    10-05    来源:网络

    分享
返回列表
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。