苹果公司网页设计 第1篇
当然，只有留白是不够的。既然是做宣传，那么一份高分辨率、精致的配图就显得尤为重要。
苹果官网大部分的产品都是采用实拍+后期修图，而非渲染图。目的就是为了反映真实产品的质感、以及材质光影效果，这一点能看到苹果对于品质的极致追求。
Designed by Apple in California
不仅如此，苹果产品圣经《Designed by Apple in California》，以及壁纸同样是由摄影师拍摄完成。有兴趣的同学可以看下面这个幕后制作视频，相当硬核。
苹果公司网页设计 第2篇
最后一点。生活要有仪式感，苹果官网也有仪式感。
国际妇女节专题
在一些特殊的日子里，例如三八节当天，友商选择打广告促销。而苹果推出了国际妇女节专题，致敬女性的伟大，这一做法颇具人文情怀。
不过话又说回来，感动归感动，还是参与友商的打折活动香。
结语：每一个优秀的设计都离不开设计师们辛勤的努力，他们用独特创意为我们呈现了一幅幅视觉的盛宴。看完这篇文章你有没有受到启发和感染呢？想必我们都会努力在以后的自我创作的过程中创作出更好的作品。
苹果公司网页设计 第3篇
简便导航，自始自终都是网页设计的目标之一。但简便并不等于直接隐藏。若使用汉堡包菜单，在用它来简化界面内容前，要确认你有合理理由。同时，汉堡包菜单还会减少导航的可发现性。大多数情况下，随时可见的导航选择更佳。
汉堡包菜单是导航方式的一种，通常在导航栏左侧有一个由三条横杠（三层汉堡）组成的图标，这就是汉堡包菜单。
先看看下图的导航：
主要导航菜单仅在用户操作下才可见
再对比下图导航：
随时可见的导航菜单
苹果公司网页设计 第4篇
极简主义的核心听起来也非常简单——简而不减（Less is More）。在网页设计中，要做到简而不减，只要在既定设计环境中保留必要元素即可。
极简主义网页设计的战略在于，省去不支持用户任务的多余元素或内容，简化页面。因为屏幕上的元素越少，其余元素的关注度就更高。
也就是说，如果屏幕上只有单一元素，那该元素背后的信息肯定可以成功地传达给用户。
页面上元素越少，用户的认知负荷也相对较轻。
简而不减，就是要省去任何影响用户注意力的界面元素。但同时，确保用户所需元素没被移除或隐藏，否则用户其首要任务将变得更复杂。
所以，设计要以内容为核心，省去大量二级元素（比如主导航），用户才不会那么困惑。
苹果公司网页设计 第5篇
不仅如此，样式上富有视觉张力。或扩张、或收缩、或吸引、或排斥之感觉，呈现刺激与震撼。举两个例子：
A13芯片的扩张力
扩张力：整个画面以 A13芯片 为视觉中心点，元素和布局围绕这个视觉中心点向外扩张。采用发散式的视觉引导，视觉张力就出现了，让人感觉巍峨壮观。
Pro级摄像头的排斥力
排斥力：通过元素的大小对比，可以形成一定强度的视觉排斥力。Pro级摄像头 辅以大特写，传达空间意识。视觉上被其构图、美感触动。
再聊聊苹果的高级感是怎么来的？
苹果公司网页设计 第6篇
在极简主义设计中，每个细节都有其存在价值。所以留下的都是精华：
最少的视觉层次结合扁平设计——现代网页设计的「黄金搭档」。
极简主义设计的最具代表的艺术形式——网站首图，整个网页就一张引人注目的图片。
用户看到的视觉信息越少，颜色元素就更显著，该网站更有影响力。
使用字体排版来创造视觉吸引力，传达信息。
苹果公司网页设计 第7篇
第三是视差带来的层次感。
苹果奉行包豪斯的无装饰和极简的理念。当然，它不是那种附庸的美观及外表的光鲜，而是将复杂难懂的技术以简洁的形式传达给用户。
Mac Pro 视差滚动
在信息层次方面，Apple 的编排设计由浅入深，犹如抽丝剥茧。很好的利用了视差滚动，传达图片与文字之间「层」的概念。这种深度感可以增加用户的理解和乐趣。
苹果公司网页设计 第8篇
虽然内容驱动型极简主义设计适用于任何网站，但有时极简主义美学可能会「文不对题」。不过，极简主义设计一定适用于着陆页和作品集页面。比如下图示例，设计目的简洁明确，内容相对较少。
设计师 Brain Danaher 的作品集页面——许多设计师美称为「极简主义设计网站的典例」。
要想把极简主义设计有效运用到更复杂的网站，可能并不简单。因为内容复杂的网站，少量元素必然是其短板。针对这种情况，可以利用极简主义设计一个着陆页，再通过着陆页链接至有更多细节的页面。
资源和工具
省去不支持用户任务的多余元素或内容，极简主义网站在简化界面这条道路上越走越稳。为什么这类网站如此给人启发？答案一望而知：其设计兼顾了「简洁性」和「可用性」两方面。
能简易导航的「轻负荷」网页，照样能传达讯息，且不亚于其它。何须浅碧深红色，自是花中第一流。简而不减，你值得拥有。
译者：Jorri
原文授权译自
题图来自 Pexels返回搜狐，查看更多
苹果公司网页设计 第9篇
其次，官网与 iOS 保持协同的设计语言，给用户呈现了一致的感官体验。
从 iOS 11 开始，苹果就采用了 Large Title 大标题的字体风格。字重也从 Regular + Light 的组合，转向的 Medium + Bold ，以此增强信息传播中的识别力。
HomePod
另外，高斯模糊的标题栏背景、产品的投影等设计语言也保持系统一贯的风格。我们可以很清晰的看到 Web 设计的同步转变。
苹果公司网页设计 第10篇
2、iSlayer
图2
3、Versions
图3
4、Checkout
图4
5、Small Transport
图5
6、MacRabbit
图6
322个苹果风格的 Web 设计(3)
7、280 Slides
图7
8、Disco
图8
9、Warehouse
图9
10、Cha-Ching
图10
11、RapidWeaver
图11
12、DeskLickr
图12
图13
14、1Password
图14
15、Jumsoft
图15
16、Roxio Toast
图16
17、CandyBar
图17
18、Cultured Code
图18
19、Anxiety
图19
20、Tao Effect
图20
21、TaskMate
图21
22、The Invoice Machine
图22
【延伸阅读】
苹果公司网页设计 第11篇
说到言之有序，我们看 iPad 的页面介绍。四款产品，分别是：iPad Pro、iPad Air、iPad、iPad mini。
拍摄角度的秩序感，可谓妙不可言。
iPad 的秩序感
iPad Pro 的拍摄角度接近于正侧面。
iPad Air 是四分之三侧面。
iPad 是正面。
iPad mini 是俯视。
如此一来，即显得有序，也不会导致视觉疲劳。
苹果公司网页设计 第12篇
另外，采用了大量的动画式转换（animated transition），即操作时展示的动态效果，以此来增加趣味性。
伴随着丰富的、若隐显现的章节文案，就像电影的旁白一样，娓娓道来。
通过滚动的方式增加交互性，这是明智之举。试想一下，如果只放置已渲染的演示视频，那么用户的操作会受到限制，只能在视频中前进或后退，毫无乐趣可言。
AirPods 的趣味性
苹果公司网页设计 第13篇
做过英文 Web 的设计师都知道，英文往往比中文更好设计，相同的布局英文出来的效果也更好看。
这不是崇洋媚外，心理学有个词叫做「母语羞涩」。简单来说就是，中文对于我们来说，太常见了会让人产生一种廉价感（实际上是羞涩感）的心理感受。
老外也一样，你可以看到美国企业：苹果、麦当劳、星巴克都是使用图形 Logo，而日本企业不用母语，而是用英文，比如 SONY、TOYOTA、Canon。
你的下一台电脑，何必是电脑。
回到苹果官网，我们看到一部分文案是英文产品名称，这个不会感觉羞涩。
那中文部分怎么办呢？比较有意思的是，Apple 的本土化团队用了完全不对仗但押韵、奇怪的排比、双关、重复等修辞手法。虽然语感很差，但基本上能明白字面意思。
其实这样做的目的就是为了创造一种陌生感、一种独特的语言风格，来凸品牌气质。举几个例子：
重复：比如说 iPad Pro「你的下一台电脑，何必是电脑。」
双关：比如说 AppleWatch 的「它会时时关心你的心。」
排比：比如说 iMac的「从极速，到神速，任你提速。」
押韵：比如说 配件 的「可重复充电，又可圈可点。」
对比：比如说 iPad mini 的「身量小，能量大。」
苹果公司网页设计 第14篇
我们都知道，高饱和度的色彩，会影响人的情绪波动。相反，低饱和度的配色，对人眼的刺激较弱，会有一种冷静且克制的高级感。
iMac Pro 高级感
回过头来看苹果官网的大部分页面，除了产品界面色彩 和 按钮蓝 之外，其他的文字、背景、控件一律采用黑白灰色系，以此营造高级感。
甚至是 iPhone 11 Pro 新出的暗夜绿，也是高级灰中加了一点点绿而已。
换言之，减少使用颜色的数量，降低色彩的饱和度都能削减色彩对人的情绪，起到提升产品高级感的效果。
iPad 留白
除此之外，恰当的留白可以更加突出产品内容，让重要的信息更准确的传达。并且能营造出广阔的空间感，让画面得到延伸，呈现一种意境美。
所以我们做设计时应当多做减法，避免无意义的视觉元素堆砌，反而能让你的设计更有高级的气质。
这又印证了现代主义建筑大师密斯·凡德罗的那句话：Less Is More。