行业关键字
第十一届『方正奖』 | 2021 C-IDEA设计奖 | 靳埭强设计奖2021 | 2022'Tokyo TDC | 国际名校艺术设计硕士
UI设计UI理论和资料 → 正文
Web设计中的苹果风
作者: 中文编译 锐商企业CMS 来源: 1stwebdesigner.com 时间: 2010年3月23日

优雅的设计贯穿苹果所有的产品,也包括网站,不仅苹果自己的网站,世界上有无数模仿苹果的网站设计,然而是什么构成了苹果式网站设计风格?浅淡的配色,大面积留白,清晰统一的导航,雅致的图标,还有,拒绝使用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
虽然表面上不是很苹果,但骨子里。BTW,这就是据说被 Mozilla 的一款产品的 UI 所抄袭的设计 (译者注)

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

(责任编辑: 六六
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2021 视觉同盟 visionUnion.com)
Copyright © 2004-2021 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版