扁平化设计（Flat Design）欣赏

全部评论 / 19

1. 

   大气漂亮

   网站推广 2013-05-07 登录以回复

   20
2. 

   文章不错，支持个！有时间去小站坐坐，大设计：http://www.dsj8.cn 谢谢！

   大设计 2013-05-07 登录以回复

   19
3. 

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

   QJseries 2013-05-07 登录以回复

   18
4. 

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

   分享互联网 2013-05-07 登录以回复

   17
5. 

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

   之之木 2013-05-07 登录以回复

   16
6. 

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

   allzh 2013-05-07 登录以回复

   15
7. 

   ***隐藏内容仅管理员可见***隐藏内容仅管理员可见******隐藏内容仅管理员可见******隐藏内容仅管理员可见******隐藏内容仅管理员可见******隐藏内容仅管理员可见*****

   石东 2013-05-07 登录以回复

   14
8. 

   都很漂亮！

   右手 2013-05-07 登录以回复

   13
9. 

   乃这个主题算不算扁平化设计？小白一只，完全不懂。

   啄木游弋 2013-05-07 登录以回复

   12

   1. 

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

      1号 Javin 2013-05-07 登录以回复
10. 

    WOW，这里必须来占个座~~

    小A 2013-05-07 登录以回复

    11
11. 

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

    噢啦！谢谢Javin

    玉面小飞鱼 2013-05-07 登录以回复

    10
12. 

    微软首页就不错

    大发 2013-05-07 登录以回复

    9
13. 

    楼主页面进度条咋搞的啊，还有就是文章分类激活不了对应的导航状态。比如这篇是视觉设计的，那么对应视觉设计应该是激活的。咋整呢！

    昔影 2013-05-07 登录以回复

    8

    1. 

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

       1号 Javin 2013-05-07 登录以回复
14. 

    收了！
    colouredlines这个网站的横向滚动切换页面效果主页君知道是用什么插件做的么？谢谢！

    玉面小飞鱼 2013-05-07 登录以回复

    7

    1. 

       这个应该不用插件，你可以查看下他的代码，以及点击后的变化。<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咯？

          玉面小飞鱼 2013-05-07 登录以回复
          1. 

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

             1号 Javin 2013-05-07