<menuitem id="mh6do"></menuitem>

    
    
    <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
    <ol id="mh6do"></ol>
      <em id="mh6do"><tr id="mh6do"></tr></em>
      <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

      <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>

      您的意见是我们 UI 中国进步的动力!
      点击立即反馈按钮,发表您的意见!
      立即反馈
      QQ群反馈
      您?#37096;?#20197;加入UI中国官方反馈群进行反馈!
      群号:302892100
      备注:反馈问题后@管理员能让我们及时了解您的意见

      成长值达到300分以上才可以发?#21152;矗

      收集成长值 先看看别人的即刻>

      什么是极简主义

      自译外文 分类: 经验/观点 版权: 原作者: MartinRGB 翻译
      29134 192 253 6
      更新于:2017-01-24
      0.0
      编辑推荐

      极简主义不光存在于网页设计中,像Logo设计、印刷设计、包装设计也?#21152;?#30456;应的极简主义风格。目前流行的极简主义网页设计视觉风格是:使?#20040;看?#30340;色彩以及简练唯美的照片

      极简主义网页设计流行使?#20040;?#26032;式导航,不但易用,而且有种简约美,符合极简主义“回归功能”与“视觉简约”的双重理念。简约的外观、易用的功能,并不意味着极简主义网页设计很简单。事实上,优秀的极简风格作品需要复杂的设计流程。

      有一种不错的极简主义设计方法是:先设计一个风格复杂的网页,然后不断简化,回归基本。
      那么,什么是基本呢?#35838;?#20204;来看看这篇文章吧!

      概念

      不要因为极简设计看起来简单而轻视他,也不要因为极简设计流行而跟风。如果你抱着以上两种想法去设计,那么你的极简设计?#35805;?#19981;会成功。为何?因为你只看到了表面。尽管极简主义网页设计现在很流行,很多网站都在用这种风格,但?#23548;?#19978;,极简风格不能通吃所有类型的网站,有的网站用极简风格就不合适。

      当内容较少时,结合现代美学风格,极简设计效果最佳。
      当内容繁多、网站面向的用户是大众时,极简设计往往不奏效。

      What Simplicity Really Means

      像 The Verge这种内容丰富,每日更新的科技站点,面向的是普通人。

      页面中元素太多:广告、社交媒体图标、按钮、文章。简化起来非常麻烦。因为所有的元素都是最基本的元素,已经减无可减了,再减,用户肯定会来反映问题。

      尽管这个网站看起来非常繁杂,但是浏览效率却非常高。所以这个站点不适合采用极简风格。

      简化

      另一种常见的问题是,设计师削减的太多。导致网站缺少必要功能、难于理解、缺乏活力,交互性自然不佳。

      极简主义网页设计可以采用一些漂亮的?#35745;?#20570;背景,或者使用有趣的字体设计,再或者打造完美的对照感和平衡感。如果不这样做,网页会看起来太扁平了
      极简主义的目标是:通过简化,让内容清晰可见。但是如果导航元素被?#29616;?#21066;减,用户无法理解导航的操作方式,那么便自然无法正常浏览内容,也就不符合极简主义目标。

      What Simplicity Really Means

      例如, Pixelsapien网站的设计,部分元素设计的确实可圈可点。“Our Work”这一页面中使用了扁平化、简约的图标(图标本身没什么问题,甚至可以说图标设计的很棒),看上去很容易理解。

      但是这不是一款成功的极简设计,因为看起来太无趣、太死板了。图像、字体、色彩都太扁平了,完全居中对齐的布局方?#25945;?#31616;单了。

      如果能够改善以上几点,这个网站的视觉效果会大不同。

      What Simplicity Really Means

      相比之下 Grain and Gram 的外观就好多了,看上去很漂亮。

      但是为了达成极简主义,很多地方未免太教条。?#28909;?#35828;图标,看起来辨识度不高,彼此之间很模糊,可以适度修改,提高辨识度。极简主义的意义在于能够优秀传达内容。

      设计元素

      为现代人打造现代风格设计

      What Simplicity Really Means

      创意产品机构 Gigantic Squid的网页设计就不赖,很有极简之风。少放文字,多放图,让更直观的图像说话。

      简约内容适合以简约风格来表现

      What Simplicity Really Means

      像 Minimalist Music Quiz这种网站只有一个目的:通过展示极简主义艺术海报设计,来让用户猜歌。

      这种网站就很适合采用极简风格。其一,和网站极简海报猜歌的主题相符;其二,像这?#20013;?#28216;戏,越简单越能吸引用户;其三,功能更直观、更强。

      ?#21592;?#24863;

      What Simplicity Really Means

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

      平衡感

      What Simplicity Really Means

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

      细节

      What Simplicity Really Means

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

      字体

      What Simplicity Really Means

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

      一致性

      What Simplicity Really Means

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

      总结

      上面提到的所有元素在进行极简设计时都要考虑到,并且要良好结合。

      极简主义的目的是通过简化来提高传达效果,可选项尽?#21487;?#19968;点。好的极简设计交互流畅、视觉诱人、体验美妙。

      很多设计师?#21363;?#26497;简设计中受益,有的人在进行极简设计中发现了自己的不足,而有的人则通过极简设计吸引了更多的用户,因此无论从哪个出发点,极简主义都是个不错的选择。

      UICN @MartinRGB 翻译

      Kiriya

      萌新搬砖工dribbble.com/Kiriya

      4195粉丝/61关注

      人气明星?#19979;?#35782;途助人为乐首页达人一鸣惊人
      2018设计趋势【文字教程】8bit像素神器——MagicaVoxel
      3
      Kiriya

      没错,甲方不?#19981;?#22823;块留?#33258;?#20040;办?#35838;?#33021;怎么办!我也很绝望啊。改风格吧!

      精彩!

      扫描二维码
      去?#21482;?#31471;查看海报

      Kiriya

      TA已经获得9枚勋章啦

      • 成就勋章

        • 特别勋章

        • 身份勋章

      • 已拥有

      • 作品

        创造者才是真正的享受者。

      • 经验

        经验是一所好学校,可它的学生却经常旷课。

      • 活跃

        大神都是?#28216;?#35266;群众开始的

      • 拓展

        作品、经验、活跃还不能满足你?

      京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN

      印度快乐8开奖号码
        <menuitem id="mh6do"></menuitem>

        
        
        <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
        <ol id="mh6do"></ol>
          <em id="mh6do"><tr id="mh6do"></tr></em>
          <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

          <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>
            <menuitem id="mh6do"></menuitem>

            
            
            <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
            <ol id="mh6do"></ol>
              <em id="mh6do"><tr id="mh6do"></tr></em>
              <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

              <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>