kiss原则在网页中的使用

1、一个页面,一个目标

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

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

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

2、使用一致的对齐方式

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

尽管轮播图中的图片和文本的内容各不相同,但是采用统一的左对齐,文本和行为召唤按钮也是做对齐,元素与元素之间的间距也很统一,这种一致的美感让人非常舒适。

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

3、建立层次

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

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

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

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

4、运用空间与留白

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

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

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

5、强化对比度

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

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,110评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,443评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,474评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,881评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,902评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,698评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,418评论 3 419
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,332评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,796评论 1 316
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,968评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,110评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,792评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,455评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,003评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,130评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,348评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,047评论 2 355

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,754评论 1 92
  • 设计有一些原则是共通的,不管是产品设计、平面设计、还是服装设计,设计的形式美法则都是通用的。前面跟大家也分享了一些...
    郑乔尹在旅游阅读 1,002评论 0 6
  • 好的设计究竟好在哪里 我们每天都会看到很多各种形式的作品(广告、APP界面、幻灯片……),当这些作品呈现在我们眼前...
    xmingo阅读 13,433评论 0 16
  • 自从意识到自己怕死之后,对于以前喜欢的冒险旅程,现在已不在那么渴望了,内心在慢慢的发生变化。以前向往跳伞,现在不在...
    许多萝卜阅读 170评论 0 0
  • 小程序官方文档 page下的相应文件夹下的文件必须同名,而且.json.wxss会覆盖全局配置的东西 HexCol...
    biu丶biubiu阅读 123评论 0 0