优雅的设计贯串苹果所有的产品,也包括网站,不仅苹果自己的网站,世界上有无数模仿苹果的网站设计,然而是什么构成了苹果式网站设计风格?浅淡的配色,大面积留白,清晰统一的导航,雅致的图标,还有,拒绝使用Flash,本文分析了Web设计中苹果风的构成元素,并提供了大量苹果风Web设计案例供大家欣赏。
苹果风构成元素
浅色系与微妙的渐变色
留白,留白
清晰明快的字体
产品图片充满美感
雅致的图标
干净整洁的网格布局
清晰,友好,一致的导航
产品功能的介绍结合非常出色的图片,视频
小而清晰的字体
靠明显的对比效果引起注意
简洁的指南
不使用 Flash
苹果风 Web 设计欣赏之一:苹果家族
Apple Developer
Apple Store
Apple Mac
Apple iPhone
Apple Support
苹果风 Web 设计欣赏之二:仿苹果家族
1.Panic Coda 这是一个非常受欢迎的 Mac 代码编辑器
2.AteBits 简单就是美
3.Cultured Code 漂亮的图标贯串始终,对内容的组织很有效
4.Mac Rabbit 灰白色系黑渐变,雅致的图标
5.Twelve South 非常漂亮的产品图片,苹果产品图片
6.Metalabs 虽然表面上不是很苹果,但骨子里....
7.Version App 很黑,但仍然很苹果
8.IconDock
9.Acrylic Apps
10.Billings App 深得苹果精髓的设计,大产品图 + 灰白蓝色系 + 大小对比强烈的字体
11.Postage
12.Bohemian Coding
13.Checkout App
14.Nprinting
15.PostBox Inc
16.Symphony CMS
17.Invoice Machine
18.Icon Designer
19.Transmission Apps
20.280 Slides
本版原文:http://www.1stwebdesigner.com/inspiration/apple-inspired-websites-why-design-works/