界面之点面之间

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

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