界面之点面之间

一个界面决定它好看与不好看,可能与颜色,图片,文字,内容,排版等等都有关。但我想说一下界面中的留白,现在手机越来越大,但是屏幕大小基本都是在五寸大小左右,平板就不算了。不算大也不算小,一只手尴尬,两只手太大。所以做界面的时候不仅要考虑界面的美观,更要顾及到交互问题。这个就和我想说的点面有关了。

比如,拿手机点击屏幕这件事来说,这个点的过程你要考虑到两点。第一点,你的手接触到屏幕的实际大小,一般来说我们点击屏幕的时候使用的基本上是拇指和食指,所以最大也就拇指大小,而且一般我们是手尖点击屏幕,可能接触面更小,所以这个时候我们做按钮或者控件,就可以参考这个大小来做。那么第二点问题就来了,如果我们就刚好按照点击面的大小来做就会发现,控件太紧密容易误点,也就是我们要在两个控件之间留多少间距才是合适的。中国画特别喜欢留白,现在国外的网站,APP也有很多这么做看上去非常高大上,但是有时候觉得一个界面展示的东西不够多或者为了留白去掉一些提示信息,导致信息表达不够准确,所以这种为了美观留白就会带来很不好的交互体验。到底怎样控制两点之间的距离,既能产生美感又能好用?

这个一般来说是没有严格的标准,但是界面里面为了好看还是有几点要遵守的,比如四大原则:亲密性,对齐,重复和对比。这四个原则说起来很简单,但是用起来并不简单,更别说用好。将相关的事物在物理位置上更近一点,使用户一眼看出清晰的结构,同时相对应的元素对齐是视觉上更明确类别,重复使用颜色大小使风格统一,而用对比在统一中又突出重点。遵循这几点后,再看留白,一般留白很多加上素色会有一种高端大气上档次的感觉,但是也会显得很空,所以如果要做这种比较高端的产品建议图片留白,布局上用卡片布局。手机上除了这种其他的不建议大面积留白,除了你要做的界面很精炼只有几个功能,一般来说中国现在的app界面超级精炼的应该没有很多,这种一般都比较小众化。但是如果要做大众化的产品,就要小面积的留白既不能影响操作又不能影响美观,就只能使在一个控件中的字体和图标小而精,分割线这种用弱分割就是颜色和背景相比的话很浅,达到一种似有似无的状态,这样的话就不会把本来就小的手机界面分割的更小,整个面就会看上去美观大方。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,569评论 25 707
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,206评论 0 17
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,616评论 4 59
  • 今天是白天没有课的一天,教室那么大,有人却喜欢坐在我旁边,我很不太适应。 昨晚看了一部戏剧,还没有看完,是易卜生的...
    鹿港小镇a阅读 82评论 0 0
  • 「凡投靠你的,愿他们喜乐,时常欢呼。」(诗篇5:11) 一个快乐的人,生活里是否没有恐惧的存在? 昨天读书会,我们...
    lsreporter阅读 409评论 0 2