扁平化设计(Flat Design)欣赏

分类栏目:设计欣赏 - 平面设计

140980

发布于 19 条评论

扁平化设计(flat design)已经被大家认为是2013年的一个大趋势,大家也接触了很多,就不过多的介绍。其特有的简洁至上,已经征服了不少设计师的心;但扁平化设计并不是万能的,例如win8 metro所得到的赞美似乎不是那么的多。扁平化的最大优势特点:设计制作(设计不简单)简单,更容易实现响应式。下面就大家一起来欣赏下一些优秀的扁平化设计网站。希望可以给你带来灵感。

palace

palace

minimalmonkey

minimalmonkey

fitbit

fitbit

colouredlines

colouredlines

ears

ears

lorenzoverzini

lorenzoverzini

lowdi

lowdi

combadi

combadi

standbuy

standbuy

playhundreds

playhundreds

geckoboard

geckoboard

etchapps

etchapps

werkpress

werkpress

wistia

wistia

spelltower

spelltower

全部评论 / 19

  1. 大气漂亮

    14
  2. 文章不错,支持个!有时间去小站坐坐,大设计:http://www.dsj8.cn 谢谢!

    13
  3. 扁平化设计应该是很少用到阴影、高光、渐变这些特殊效果的吧

    12
  4. 黑苹果博客:www.zhangchenghui.com
    轻博客:www.zhangchenghui.com/blog/
    一个关注站长与互联网的IT科技博客。
    开博3年多,坚持每日更新,现百度权重3,谷歌pr3,搜狗等级4,百度收录3500,谷歌收录1万3,中国排名前3万名,欢迎原创IT博客友情交换链接。

    11
  5. 很不错 越来越喜欢站长的东西 收藏

    10
  6. 赞! 我从不吝啬我的”赞” 只要是我来过我都得赞!

    allzh 2013-05-07
    9
  7. ***隐藏内容仅管理员可见***隐藏内容仅管理员可见******隐藏内容仅管理员可见******隐藏内容仅管理员可见******隐藏内容仅管理员可见******隐藏内容仅管理员可见***** :idea:

    石东 2013-05-07
    8
  8. 都很漂亮!

    右手 2013-05-07
    7
  9. 乃这个主题算不算扁平化设计?小白一只,完全不懂。

    6
    1. Javin

      我这个不算,但有部分设计是扁平化设计。可以百度下了解什么是扁平化设计。

      1号 Javin 2013-05-07
  10. WOW,这里必须来占个座~~ :idea:

    小A 2013-05-07
    5
  11. @Javin :他这些子页面全部加载到一个页面了,只是通过js来调用相对应代码模块。可以用ajax去实现。

    噢啦!谢谢Javin

    4
  12. 微软首页就不错

    大发 2013-05-07
    3
  13. 楼主页面进度条咋搞的啊,还有就是文章分类激活不了对应的导航状态。比如这篇是视觉设计的,那么对应视觉设计应该是激活的。咋整呢!

    昔影 2013-05-07
    2
    1. Javin

      你的意思是给当前页面所属的导航加不同的样式来达到“激活”?这个可以用php的判断语句来实现,判断所属的导航,然后输出相对应的html

      1号 Javin 2013-05-07
  14. 收了!
    colouredlines这个网站的横向滚动切换页面效果主页君知道是用什么插件做的么?谢谢!

    1
    1. Javin

      这个应该不用插件,你可以查看下他的代码,以及点击后的变化。<div id="home_wrapper" class="" style="left: 0px;">在点击后变成了:<div id="home_wrapper" class="moved" style="left: -100%;">从这里可以看出来点击后他只是把这个层向左边移动,一直到-100%

      1号 Javin 2013-05-07
      1. 在页面滚动之后,左侧出现导航条,点击每个导航条之后,显示不同的页面,这时候url有改变,页面没有跳转,这是用了ajax么?从代码上看到,所有的页面HTML代码都是写在这一页的,没有显示的页面会加上hidden这个class隐藏掉:
        如果不同的页面代码量很多,需要动态加载的话,需要用到ajax咯?

        1. Javin

          他这些子页面全部加载到一个页面了,只是通过js来调用相对应代码模块。可以用ajax去实现。

          1号 Javin 2013-05-07