当提到网页设计趋势的时候,不管什么文章都得来一句:“现在特别流行极简主义设计”,那么,到底什么是极简主义?极简主义不光存在于网页设计中,像 Logo设计、印刷设计、包装设计也都有相应的极简主义风格。目前流行的极简主义网页设计视觉风格是:使用纯粹的色彩以及简练唯美的照片。 极简主义网页设计流行使用创新式导航,不但易用,而且有种简约美,符合极简主义“回归功能”与“视觉简约”的双重理念。简约的外观、易用的功能,并不意味着极简主义网页设计很简单。事实上,优秀的极简风格作品需要复杂的设计流程。   有一种不错的极简主义设计方法是:先设计一个风格复杂的网页,然后不断简化,回归基本。 那么,什么是基本呢?我们来看看这篇文章吧!

概念

不 要因为极简设计看起来简单而轻视他,也不要因为极简设计流行而跟风。如果你抱着以上两种想法去设计,那么你的极简设计一般不会成功。为何?因为你只看到了 表面。尽管极简主义网页设计现在很流行,很多网站都在用这种风格,但实际上,极简风格不能通吃所有类型的网站,有的网站用极简风格就不合适。   当内容较少时,结合现代美学风格,极简设计效果最佳。 当内容繁多、网站面向的用户是大众时,极简设计往往不奏效。   像 The Verge这种内容丰富,每日更新的科技站点,面向的是普通人。 页面中元素太多:广告、社交媒体图标、按钮、文章。简化起来非常麻烦。因为所有的元素都是最基本的元素,已经减无可减了,再减,用户肯定会来反映问题。 尽管这个网站看起来非常繁杂,但是浏览效率却非常高。所以这个站点不适合采用极简风格。

简化

另一种常见的问题是,设计师削减的太多。导致网站缺少必要功能、难于理解、缺乏活力,交互性自然不佳。   极简主义网页设计可以采用一些漂亮的图片做背景,或者使用有趣的字体设计,再或者打造完美的对照感和平衡感。如果不这样做,网页会看起来太扁平了 极简主义的目标是:通过简化,让内容清晰可见。但是如果导航元素被严重削减,用户无法理解导航的操作方式,那么便自然无法正常浏览内容,也就不符合极简主义目标。   例如, Pixelsapien网站的设计,部分元素设计的确实可圈可点。“Our Work”这一页面中使用了扁平化、简约的图标(图标本身没什么问题,甚至可以说图标设计的很棒),看上去很容易理解。 但是这不是一款成功的极简设计,因为看起来太无趣、太死板了。图像、字体、色彩都太扁平了,完全居中对齐的布局方式太简单了。 如果能够改善以上几点,这个网站的视觉效果会大不同。 相比之下 Grain and Gram 的外观就好多了,看上去很漂亮。 但是为了达成极简主义,很多地方未免太教条。比如说图标,看起来辨识度不高,彼此之间很模糊,可以适度修改,提高辨识度。极简主义的意义在于能够优秀传达内容。

设计元素

为现代人打造现代风格设计 创意产品机构 Gigantic Squid的网页设计就不赖,很有极简之风。少放文字,多放图,让更直观的图像说话。 简约内容适合以简约风格来表现 像 Minimalist Music Quiz这种网站只有一个目的:通过展示极简主义艺术海报设计,来让用户猜歌。 这种网站就很适合采用极简风格。其一,和网站极简海报猜歌的主题相符;其二,像这种小游戏,越简单越能吸引用户;其三,功能更直观、更强。

对比感

黑白色的照片结合蓝绿色三角形,Case 3D 的网站向我们展示了他们成功的秘要:高度对照的形状、材质以及色彩。

平衡感

平衡感可以通过很多手段来完成, Hennessy’s 的网页设计采用了其中一种方法。经典的栅格线布局,让网页看起来具有一种历史悠久感和品牌经典感,其他方法这里不赘述了,请各位自行探索。

细节

是细节的精致感让 Stronghold的网站美丽无穷,这种细节化的极简设计非常特殊。这是高水准的极简设计,没有一定功力的设计师做不来。

字体

The textural, handwritten typography on MailChimp 2012’s的主页采用了手绘字体,让图像一下子活了起来;整体简单无比,视觉效果又非常流畅,还具有一种空间感。

一致性

Adam Rudzki的个人网站,视觉和交互体验都不错,形状、线条、动效无缝衔接,保证一致性的同时具有清晰的辨识度。

总结

上面提到的所有元素在进行极简设计时都要考虑到,并且要良好结合。 极简主义的目的是通过简化来提高传达效果,可选项尽量少一点。好的极简设计交互流畅、视觉诱人、体验美妙。 很多设计师都从极简设计中受益,有的人在进行极简设计中发现了自己的不足,而有的人则通过极简设计吸引了更多的用户,因此无论从哪个出发点,极简主义都是个不错的选择。   原文来自:w3cfuns

转载于:https://www.cnblogs.com/u0mo5/p/3973737.html

到底什么是极简主义?相关推荐

  1. 听说火狐浏览器的图标里没了狐狸,网友们开始了反极简主义斗争

    "请您坐到设计师工位上来." 1 企业或产品的LOGO,是一种独有且特异的标志,能够最直观且最形象地体现企业及产品的功能与风貌.如果企业及产品的功能有所变化或升级,LOGO也会顺着 ...

  2. Istio 1.6——迈向极简主义

    从 1.2 版本开始,Istio 进入季度发布的节奏.5 月 21 日发布的 1.6 版本可以说是最准时的一次.我们是否可以理解 Istio 架构简化后的开发工作已经步入了正轨?这次的更新是否会带给我 ...

  3. 极简主义,风格化与小团队

    11月玩Instagram臭来劲,玩着玩着就想,这极简主义的风潮到底是不是从Twitter开始的? 想了半天,好像是. 最近两年,极简主义在产品行业越来越流行了.简单到什么程度呢?复杂的页面结构,不要 ...

  4. 18个最新的极简主义风格网站

    极简主义的设计之所以总是流行,是因为他们一直用一些很简单的创意和资源去表达概念,网页设计的领域受极简主义设计的影响很大,许多有才华的设计师总是用几个简单的工具就设计出了不起的网站,比如字体和几何图形等 ...

  5. JavaScript学习总结(十三)——极简主义法编写JavaScript类

    前两天在网上无意中发现了一篇使用极简主义法定义JavaScript类的文章,原文链接,这个所谓的"极简主义法"我还是第一次听说,是荷兰程序员Gabor de Mooij提出来的,这 ...

  6. 软件的极简主义的三个大敌:配置文件,冗余的参数,和大量复杂的接口。

    软件的极简主义 设想一下,需要找出包含某几个关键词的文章,必要的条件是什么?关键词,文档,没了. 而文档是存储在服务器的,为什么我们提供了关键词之后,仍需加上各种条件,他才能告诉我们想要的答案呢?软件 ...

  7. 极简主义2020UI设计正流行,欣赏下可临摹的案例模板!

    据统计,人类的平均专注时间已经从2000年的12秒降低到2017年的8秒,且还在持续下降.相较以往,现在更难让人们保持专注和沟通必要的信息.这就是为什么极简主义和简约化是两个不会消失的UX/UI趋势. ...

  8. 极简主义APP界面UI设计实例模板,不简单!

    UI设计是对用户软件使用环境的设计.由于APPUI设计必须遵从易用性的特点,尤其是手机界面尺寸有限.因此,简洁大方的交互界面设计才能更容易的吸引用户.引导用户. RentHouse - 简单主页搜索移 ...

  9. 极简主义︱使用Turicreate进行快速图像分类迁移训练与预测(六)

    apple开源机器学习框架turicreate内容非常广阔,本篇介绍冰山一角的图像相似,极简主义的代表!!!! github:https://apple.github.io/turicreate/do ...

最新文章

  1. centos使用yum安装gcc
  2. 真实案例引起的对系统健壮性的思考
  3. flask-bootstrap-高亮-下划线-删除线-加粗-斜体
  4. 曾经废寝忘食学到的技术,现在都没用了......
  5. 简单分析KafKa工作原理
  6. c语言负数左移右移_C语言 位运算符的运算规则
  7. Linux 系统 vim 编辑器使用简明教程
  8. XML与Web Service基础知识点
  9. Spring AOP 浅析
  10. java调用讯飞语音合成api
  11. usb口拒绝访问_插u盘拒绝访问怎么办_win7u盘插电脑上显示拒绝访问的解决方法...
  12. Oracle9i数据库Data Guard实施及维护手册
  13. webpack常用基础配置的一些总结
  14. 免费专属 | 100行Python代码实现一款高精度OCR工具
  15. Oracle Golden Gate 系列七 -- 配置 GG Manager process
  16. MinGW编译log4cpp
  17. (C语言实现)页面置换——先进先出算法(FIFO)
  18. 华为畅享8plus能申请鸿蒙吗,华为畅享8Plus
  19. 2019微生物组——16S扩增子分析专题培训第四期
  20. android 酷狗音乐 ip,“音乐+IP”融合模式 夯实酷狗音乐原创硬实力

热门文章

  1. 【Linux】一步一步学Linux——paste命令(58)
  2. 【Linux】一步一步学Linux——cut命令(44)
  3. 如何跳出两层循环嵌套
  4. javaweb实现单点登录,防止重复登录,获取sessionid,对session及时销毁回收,只允许一个用户登录,结合struts2实现
  5. 关于将struts2框架下,使自定义过滤器对部分的action(一个action或多个action)请求忽略的方法
  6. 牛客小白9 换个角度思考(离线+树状数组)
  7. 下述有关计算机网络的描述错误的是6,下述有关计算机总线的描述错误的是( ) 。...
  8. OpenFoam2.4.0 cannot find input file: `contrib/dist/mofed/debian/changelog解决方案
  9. 关于pytorch中super的一点思考,结合代码
  10. [BUUCTF-pwn]——picoctf_2018_got_shell