Web 设计中的苹果风

15天0基础极速入门数据分析,掌握一套数据分析流程和方法,学完就能写一份数据报告!了解一下>>

中文编译来源:锐商企业CMS 网站内容管理系统官方网站

优雅的设计贯串苹果所有的产品,也包括网站,不仅苹果自己的网站,世界上有无数模仿苹果的网站设计,然而是什么构成了苹果式网站设计风格?浅淡的配色,大面积留白,清晰统一的导航,雅致的图标,还有,拒绝使用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

本文国际来源:http://www.1stwebdesigner.com/inspiration/apple-inspired-websites-why-design-works/

给作者打赏,鼓励TA抓紧创作!
评论
欢迎留言讨论~!

页面底部区域 foot.htm