网站首页
手机版

能让UI设计显得更简约的一些小技巧!

更新时间:2022-03-22 16:57:18作者:佚名

能让UI设计显得更简约的一些小技巧!

  互联网界一直在有提倡简约设计的声音,可简约设计有什么小技巧?谈简约设计的书籍有很多,互联网界也一直在有提倡简约设计的声音。有人说,看国内的各大门户的设计,通通都是文字和功能的粗暴堆砌,难道中国人真的不擅长设计简约吗?

  

  产品长什么样是跟产品的受众有关的。我们看国内电视购物,从来都是以“有多少功能”的方向来推销产品的。或许我们的目标受众就是喜欢大而全的东西,并不是设计师和产品经理的错。为了迎合大环境的产品需求,我们不得不用各种可有可无的功能点来吸引用户。臃肿易烦腻,简陋生欲望

  

  产品功能多并不是好事,臃肿的功能会让产品本身的定位和识别度变得稀疏,同时带来的是在视觉和心理上的压力。也会让产品显得没有深度,感觉像是一下子就略过了前戏进入高潮了。初期的版本,只要保证那些能让产品的概念成立的关键功能点和特性就行了。

  

  不过,如果产品太过简陋,仅仅局限于有限的使用场景的话,用户的使用频度就会很低,很容易被遗忘。这也是大多数旅行网站和 App 的痛处。

  

  每次在斟酌功能点时,大概都会有这样的困扰。

  

  能让产品“看起来简约”的简单技巧

  

  我并不认为国外的 App 在功能上会比国内的要少。在实现同样的功能的情况下,国内的 App 设计并没有有意识地让界面看起来更简约。

  

  产品设计的简约,最直观的感受就是 UI 设计了。在这里分享一些我认为可以让 App “看起来”更简约的几个重要的技巧

  

  抑扬

  

  抑扬,就是对内容进行有抑有扬的对比处理,通过对比的手法能够让信息量在视觉上“显得”比实际上少。

  

  错落有致、有强有弱的信息布局,让用户更容易地第一眼就把握了整体结构,从而快速找到自己想要的信息。就如同报纸的头条、各种大小标题一样。这些变化让人们的阅读更顺畅。想象一下如果报纸的内容全是大小一样的字体,恐怕没人会有阅读的欲望吧。

  

  从运营的角度来看,通过对内容的强弱处理,还可以达到对用户的焦点进行引导的作用。比如有些网站故意把分享的按钮做的比其他按钮要大,位置更显眼,就是有意识地想让用户多进行分享,让内容更好地被传播。

  

  抑扬可以是界面元素的大小、颜色、字体等等,能起到以下作用:

  

  让界面看起来更简约;

  

  对用户行为进行引导;

  

  帮助用户快速发现对他最重要的信息;

  

  强弱对比,减少阅读的压力感。

  

  留白

  

  UI 设计中重要的要素之一就是留白的运用。文字、按钮等元素周围的留白越大,越能提升存在感。(这其实也是上面说的“对比”的一种变形)

  

  留白不意味着页面的信息容量降低。

  

  智能手机上下滚动是很舒适的,并没有必要为了让所有内容在一个页面内全展现出来而让字号变小。这样做反而会让信息更加难以阅读。

  

  用户的视觉需要得到“喘息”。

  

  信息容量大的界面,对用户来说是一种阅读负担。在设计这些交互界面时,要注意留白的运用。留白能让界面富有层次感,让用户的视觉得到“喘息”。

  

  icon 也要尽量简单

  

  简单的 icon

  

  设计师通常都是在大屏幕下设计,而实际上有些细节在大屏幕上的表现和实际在手机上的表现会有意想不到的差异。

  

  有些 icon 放大来看是很精美的,但放到手机上看时总会觉得哪里有些不妥,感觉细节多了挤成一坨,适得其反。这时候可以试试把icon进行极端的简化,再和原来的设计作对比,并进行细微的调整,会有意想不到的效果。

  

  每个人对简单的理解可能会不一样,但这样几次来回对 icon 反复打磨,对简单化的努力就可以看出效果来了。


本文标签: 平面设计  标签  简介  UI  

为您推荐

word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别

word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报

2024-09-12 00:09

word2010大纲怎么显示(word文档显示大纲从哪里按出来)

word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需

2024-09-12 00:08

七种常见的Word打印设置技巧 七种常见的word打印设置技巧视频

七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打

2024-09-12 00:08

四种方框内打钩符号的简易方法 四种方框内打钩符号的简易方法是什么

四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法   如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来

2024-09-12 00:08

Word文档中对表格中数据进行计算的方法

Word文档中对表格中数据进行计算的方法 Word文档中对表格中数据进行计算的方法 1.在表格的最后一个单元格中单击放置插入点光标,然后在"表格工具-布局"选项

2024-09-12 00:07

怎么关闭Word文档中自动添加项目编号(怎么关闭word文档中自动添加项目编号显示)

怎么关闭Word文档中自动添加项目编号 怎么关闭Word文档中自动添加项目编号 1.启动Word 2013,打开"Word选项"对话框,在左侧选择"校对"选项,

2024-09-12 00:07