快好知 kuaihz

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 所抄袭的设计 (译者注)

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:Web 设计中的苹果风  苹果  苹果词条  设计  设计词条  Web  Web词条  
设计

 如何打造4小时百万PV、7日留存...

笔者以实战案例阐述成功的小程序都是如何实现裂变,如何保持高留存,其中关键在于抓住用户需要的“利”。去年4月1日,我们开始试验小程序裂变的玩法,到刚好4个月的时间...(展开)

设计

 Window Shopping,...

是漏斗,也是金矿设想一下,如果你在运营一个在线购物网站。你花费了很多的时间和金钱去做搜索引擎优化,花费了很多的推广资金,维持着几十人上百人甚至上千人的产品研发、...(展开)

设计

 经验分享:IOS平台设计规范

此文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS平台设计的基础规范,有志于UI设计的童鞋推荐收藏起来,将来要做相关的设计可以直截了...(展开)