Web设计中体现出来的浓重的苹果风格

知更鸟
知更鸟
知更鸟
1816
文章
7005
评论
2011年3月10日10:00:20Web前端710.3K阅读模式

优雅的设计贯串苹果所有的产品，也包括网站，不仅苹果自己的网站，世界上有无数模仿苹果的网站设计，然而是什么构成了苹果式网站设计风格？浅淡 的配色，大 面积留白，清晰统一的导航，雅致的图标，还有，拒绝使用 Flash，本文分析了 Web 设计中苹果风的构成元素，并提供了大量苹果风 Web 设计案例供大家欣赏。文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

苹果风构成元素文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

浅色系与微妙的渐变色
文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

留白，留白文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

清晰明快的字体文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

产品图片充满美感文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

雅致的图标文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

干净整洁的网格布局文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

清晰，友好，一致的导航文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

产品功能的介绍结合非常出色的图片，视频文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

小而清晰的字体文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

靠明显的对比效果引起注意文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

简洁的指南文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

不使用 Flash

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

苹果风 Web 设计欣赏之一：苹果家族 Apple Developer文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Apple Store文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Apple Mac文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Apple iPhone文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Apple Support文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

苹果风 Web 设计欣赏之二：仿苹果家族 1. Panic Coda
这是一个非常受欢迎的 Mac 代码编辑器文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

2. AteBits
简单就是美文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

3. Cultured Code
漂亮的图标贯串始终，对内容的组织很有效文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

4. Mac Rabbit
灰白色系黑渐变，雅致的图标文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

5. Twelve South
非常漂亮的产品图片，苹果产品图片文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

6. Metalabs
虽然表面上不是很苹果，但骨子里。BTW，这就是据说被 Mozilla 的一款产品的 UI 所抄袭的设计 （译者注）文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

7. Version App
很黑，但仍然很苹果文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

8. IconDock文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

9. Acrylic Apps文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

10. Billings App
深得苹果精髓的设计，大产品图 + 灰白蓝色系 + 大小对比强烈的字体文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

11. Postage

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

12. Bohemian Coding文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

13. Checkout App文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

14. Nprinting文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

15. PostBox Inc文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

16. Symphony CMS文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

17. Invoice Machine

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

18. Icon Designer文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

19. Transmission Apps文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

20. 280 Slides文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

Web设计中体现出来的浓重的苹果风格文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

本文国际来源文章源自知更鸟-https://zmingcx.com/web-design-reflected-strong-apple-style.html

CSS文字加粗不影响整体宽度
CSS文字加粗不影响整体宽度
CSS3 水平垂直居中
CSS3 水平垂直居中
animation动画复合属性
animation动画复合属性
CSS 六边形
CSS 六边形
weinxin
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
获取本主题
售前咨询加Q：598845006
多功能主题 Begin
获取本主题
售前咨询加Q：598845006
多功能主题 Begin
评论  7  访客  4  作者  1  引用  2
    • Surpet
      Surpet 4
      2011年3月10日 11点12分 1F
      回复

      抢到沙发了
      激动

        • 知更鸟
          知更鸟
          2011年3月10日 13点23分 中国 B1
          回复

          @ Surpet 汗…只是收集的一些参考资料而已

        • capls
          capls 0
          2011年3月30日 00点17分 2F
          回复

          测试图片留言
          [img][/img]

          • aimi
            aimi 0
            2011年4月2日 13点17分 3F
            回复

            不知道怎么设计类苹果的网页，感觉很好看，但是自己又不会做

            • GMiPad
              GMiPad 0
              2011年11月8日 14点04分 4F
              回复

              想设计苹果类网页联系我们吧！GMiPad光迈图象科技有限公司，致力于App应用程序开发，苹果风格网站设计，为您提供上百种类苹果风格网站模板挑选！随时恭候您的大驾！http://www.gmipad.com

            匿名

            发表评论

            匿名网友 填写信息

            :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

            确定