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

知更鸟 2011年3月10日10:00:20710K

优雅的设计贯串苹果所有的产品,也包括网站,不仅苹果自己的网站,世界上有无数模仿苹果的网站设计,然而是什么构成了苹果式网站设计风格?浅淡 的配色,大 面积留白,清晰统一的导航,雅致的图标,还有,拒绝使用 Flash,本文分析了 Web 设计中苹果风的构成元素,并提供了大量苹果风 Web 设计案例供大家欣赏。

苹果风构成元素

浅色系与微妙的渐变色

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

留白,留白

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

清晰明快的字体

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

产品图片充满美感

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

雅致的图标

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

干净整洁的网格布局

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

清晰,友好,一致的导航

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

产品功能的介绍结合非常出色的图片,视频

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

小而清晰的字体

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

靠明显的对比效果引起注意

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

简洁的指南

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

不使用 Flash

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

苹果风 Web 设计欣赏之一:苹果家族 Apple Developer

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

Apple Store

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

Apple Mac

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

Apple iPhone

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

Apple Support

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

苹果风 Web 设计欣赏之二:仿苹果家族 1. Panic Coda
这是一个非常受欢迎的 Mac 代码编辑器

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

2. AteBits
简单就是美

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

3. Cultured Code
漂亮的图标贯串始终,对内容的组织很有效

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

4. Mac Rabbit
灰白色系黑渐变,雅致的图标

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

5. Twelve South
非常漂亮的产品图片,苹果产品图片

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

6. Metalabs
虽然表面上不是很苹果,但骨子里。BTW,这就是据说
被 Mozilla 的一款产品的 UI 所抄袭的设计 (译者注)

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

7. Version App
很黑,但仍然很苹果

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

8. IconDock

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

9. Acrylic Apps

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

10. Billings App
深得苹果精髓的设计,大产品图 + 灰白蓝色系 + 大小对比强烈的字体

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

11. Postage

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

12. Bohemian Coding

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

13. Checkout App

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

14. Nprinting

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

15. PostBox Inc

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

16. Symphony CMS

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

17. Invoice Machine

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

18. Icon Designer

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

19. Transmission Apps

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

20. 280 Slides

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

本文国际来源

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
网页特效live2d看板娘 WordPress

网页特效live2d看板娘

如果喜欢给自己的网站加些花花草草,live2d看板娘就是一个不错的特效,人物会跟随你的鼠标动,超级可爱! 将下面代码添加到网页适当位置即可。 <script src="https://l2dwi...
安卓文本无法垂直居中 Web前端

安卓文本无法垂直居中

安卓 webview 的字体大小在小于 12 像素的时候无法使用行高来垂直居中。目前在微信等应用都存在该问题,而在最新的移动端 Chrome 浏览器上无该问题(截止本文编写时间,微信客户端的 chro...
匿名

发表评论

匿名网友

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

评论:7   其中:访客  4   博主  1   引用   2
    • Surpet
      Surpet 4

      抢到沙发了
      激动

      • capls
        capls 0

        测试图片留言
        [img]http://www.google.com.hk/intl/zh-CN/images/logo_cn.png[/img]

        • aimi
          aimi 0

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

          • GMiPad
            GMiPad 0

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