Web 设计中的苹果风
中文编译来源:锐商企业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/
-
微信创始人张小龙首次公开演讲(官方无删减版)
微信创始人张小龙首次公开演讲(官方无删减版) -
如何通过APP看到产品战略层面
产品经理拿到一款产品的时候,不能只能看到表面信息,而是要能看到产品背后的信息。 -
基于用户的“真需求”创新产品
产品创新是保证企业在竞争激烈的市场上长久生存的关键,今天,我们就围绕产品创新和用户研究分享一些看法。 -
有一种交互设计研究验证叫“设计走查”
如何在最短的时间内对自己的产品做出检验,确保其在定位、设计、营销计划等多个环节,在可视范围内是正确的,需要一套比较科学、完善的方法去做出检测。 -
你为什么离不开微信?
张小龙说用完即走,你却爱不释手; 到底是什么让你离不开微信? -
移动互联时代APP的发展方向
现在我们已经走上了移动互联网时代,无论是企业还是公司,都会经过网络竞争中争取有利的优势,较为传统的产品竞争逐渐向互联网竞争转型,出现了很多数据云大数据等等 -
AI 时代产品经理的机遇和挑战
AI 时代产品经理的机遇和挑战 -
前1%与前10%的产品经理差距在哪?
前1%与前10%的产品经理差距在哪? -
你有哪些策略应对不断的需求变更?
你有哪些策略应对不断的需求变更? -
如何运营天猫【十亿俱乐部】商家页面?
如何运营天猫【十亿俱乐部】商家页面?