Web 设计中的苹果风

苹果-ios  /  houtizong 发布于 2年前   107
锐商企业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

21. Ware House App

22. PixelMator

23. SnowTape

24. Mac Themes

25. Small Transport

26. Tea Round

这是 iPhon 产品站点,虽然有些区别,但苹果的东西是抹不掉的

27. Tap Bots

导航很苹果

28. Agile Web Solutions

如果你点一下它的导航,会想起苹果,虽然初看并不像

29. Araelium Group

30. Midnight Apps

31. Real Mac Software

32. Cocoa Dev Central

33. Potion Factory

这个设计中对 JS 的应用很美

34. Tao Effect

35. Task Mate

非常简洁

36. Vibealicious Notify 2

37. Sequel Pro

38. Tapulous

39. OrbiCule

40. Pzizz

41. Roo Switch

42. Mint

43. Stunt Software

44. Font Explorer X

45. Server Skine

46. Source Bits

47. Suki

48. Using Mac

49. App Zapper

50. Plex App

51. Machine Codex

52. Vuu Media

53. OmniGroup

54. Project Wizards

55. Acqualia

56. Zenna Ware

57. Busy Mac

58. Tim Van Damme

59. Cellar App

60. AppBodega

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

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

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

留言需要登陆哦

技术博客集 - 网站简介:
前后端技术:
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成

网站主要作用:
1.编程技术分享及讨论交流,内置聊天系统;
2.测试交流框架问题,比如:Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识,如有侵权请发邮件到站长邮箱,站长会尽快处理;
4.站长邮箱:[email protected];

      订阅博客周刊 去订阅

文章归档

文章标签

友情链接

Auther ·HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群 也可以扫右边的二维码
侯体宗的博客