Web设计中的苹果风(转贴)

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值