知更鸟 » Apple风格

Hotnews Pro2.6版首页杂志布局补丁

知更鸟 — Wed, 03 Aug 2011 11:29:43 +0000

之前Hotnews Pro2.4版已作过类似的布局模板，不过那个比较简单些，两栏的分类布局使用首页信息量更大，除此之外又添加一个手动控制的横向滚动模块，这也是杂志布局主题中常见的玩意。

横向滚动模块默认不显示，调用文章的方法：添加自定义栏目名称：recommend，值：随意添加什么都行，调用指定图片需添加自定义栏目：img，显示数量可以在主题设置中控制。

下面两栏分类列表，在主题设置中分别添加左右调用的分类ID。

CMS补丁替换文件所在目录说明

header_h.php　　主题根目录

theme_options.php　　includes目录

show.php　　includes目录

cms.php　　主题根目录

home.css　　css目录

lazyload.php　　includes目录

btn.png　　images目录

与此同时，Hotnews Pro2.6标准版也进行了最后的更新，如再有BUG，将以补丁形式出现。

注：之前发布的Hotnews Pro2.6版，并不一定适合这个补丁，另外补丁未在IE6下测试，应该不会有太大的问题，今后不会再针对IE6作任何优化。

貌似很多童鞋对这种布局的主题感兴趣，是不是让自己的博客看起来更像一个网站，呵呵！

补丁下载

附：Hotnews Pro2.6标准版下载页面

50款非常棒的苹果Mac图标

知更鸟 — Thu, 10 Mar 2011 04:43:29 +0000

Everyone loves free resources so does we, that’s why we keep on posting high-quality resources for you on regular basis. Today we have collected 50 awesome icon sets for your Mac. Beautiful icons make sure you have pleasing and joyful visual interface experience and offer you elegant means of interaction with your Mac. You can renew look of your mac by just changing basic icons with new creative and beauteous icons we have listed in this roundup. Give your Mac a new appearance today.

1. The MacBook In Black

2. Aluminium MacBook Pro OSX

3. HydroPRO -HP- Mac Edition

4. Stainless mac

5. The Mini. Mac Mini

6. Concave Mac Icons

7. Capital Icon Suite

8. Apple mac mini icons

9. Slick Drives

10. Mac mini Icon

11. Mac Pro Psd + Png + Ico

12. Mac Box Icons

13. iMac

14. Apple iMac icons

15. iMac 2008

16. G5 System

17. Float

18. TiSystem

19. Agua

20. iMac icon

21. New iMac 07

22. Icons 2 by Lecoupdulapin

23. Refresh Snow Leopard

24. Macbook and remote iKons

25. Nimble Folders

26. The Pro. MacBook Pro

27. Slick Drives Remake

28. Apple Mug Icons

29. Black Leopard Icon Set

30. Onibari Leopard Made

31. PoleStack

32. W R E N

33. Wooden Slick Drives

34. Ive Drives

35. HD StorageBox

36. Platinum Drives

37. Exempli Gratia

38. Lacunae

39. XIII

40. DA ID

41. 27″ iMac Icon OS X

42. The MacBook In White

43. The Anodized Behemoth

44. Carbon Light Folders

45. Mac USB Icons

46. Wireless Mighty Mouse

47. Smoothicons 14

48. eWorld X: eHardware

49. Totem Pole

50. Nano icon set

Web设计中体现出来的浓重的苹果风格

知更鸟 — Thu, 10 Mar 2011 02:00:20 +0000

优雅的设计贯串苹果所有的产品，也包括网站，不仅苹果自己的网站，世界上有无数模仿苹果的网站设计，然而是什么构成了苹果式网站设计风格？浅淡的配色，大面积留白，清晰统一的导航，雅致的图标，还有，拒绝使用 Flash，本文分析了 Web 设计中苹果风的构成元素，并提供了大量苹果风 Web 设计案例供大家欣赏。

苹果风构成元素

浅色系与微妙的渐变色

留白，留白

清晰明快的字体

产品图片充满美感

雅致的图标

干净整洁的网格布局

清晰，友好，一致的导航

产品功能的介绍结合非常出色的图片，视频

小而清晰的字体

靠明显的对比效果引起注意

简洁的指南

不使用 Flash

苹果风 Web 设计欣赏之一：苹果家族 Apple Developer

苹果风 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

本文国际来源

18个Apple风格的GUI PSD 源文件下载

知更鸟 — Thu, 15 Apr 2010 07:34:46 +0000

图形用户界面（Graphical User Interface，简称 GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。与早期计算机使用的命令行界面相比，图形界面对于用户来说在视觉上更易于接受。这18个Apple风格的GUI PSD 源文件，包括按钮，浏览板和操作系统窗口等，制作精致，个人非常喜欢，值得珍藏。

1. iPhone GUI PSD 3.0

2. iPad GUI PSD

3. Palm Pre GUI PSD

4. Browser Form Elements PSD

5. iPhone PSD Vector Kit

6. FreshBooks iPhone Application GUI

7. The ultimate iPhone GUI PSD

8. iPhone GUI Elements

9. Mobile - iPhone-GUI

10. iPhoneOS Design Stencil for iPhone and iPad

11. Browsers GUI PSD

12. elements of Android 1.5 GUI

13. WEB UI Treasure Chest v 1.0

14. OmniGraffle Wireframe Stencils

15. Web Form Elements Vol.2

16. 960 Grid GUI PSD

17. OmniGraffle Wireframe Stencils

18. Windows 7 Active Window PSD

15个Apple设计风格代码教程

知更鸟 — Sat, 06 Feb 2010 03:46:27 +0000

Apple风格是非常流行的趋势，他们的设计和风格实在是独特、干净，总是那么耐看。难怪有许多设计师都试图去了解这种风格如何制作。可以在网上找到有很多制作教程。由于我的网站也是Apple风格，所以平时比较喜欢收集与Apple相关的素材与教程，这里介绍几个非常不错的Apple风格代码制作教程，供大家学习研究。

1. A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

Here you’ll be making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases required.

View Demo

2. Apple style Accordion Menu

This tutorial will walk through how to create your own simple plugin, and then replicate the Apple downloads drawers using the very excellent Accordion plugin.

View Demo

3. How to: Recreate apple.com menubar

Apple.com menubar is really an exemple in terms of clean, semantic code and very cool design. In this tutorial, you will recreate Apple’s website navigation bar and study the techniques used.

4. Leopard Desktop with jQuery using jqDock

In this tutorial you’ll learn how to use jQuery to create a completely coded Dashboard, just like Leopard! This can be handy in hiding a whole lot of gadgets or widgets you don’t have space for!

View Demo

5. Create apple.com-like breadcrumb using simple CSS

In this great tutorial you will recreate http://store.apple.com/ type menu navigation.

6. Create an Apple Inspired Flash Preloader

In this tutorial you’ll create an Apple inspired preloader MovieClip and lrearn how to display some loading information. All this using Flash and ActionScript 3.0.

7. Create an apple style menu and improve it via jQuery

In this tutorial you will create Apple-flavored Leopard-text-indent style from Photoshop to coding it with jQuery.

View Demo

8. A fancy Apple.com-style search suggestion

In this tutorial author will be trying to recreate the effect from that website by creating a fancy apple.com-style search suggestion.

View Demo

9. The iPhone unlock screen in xHTML, CSS and jQuery

View Demo

10. How To: Recreate the Apple Product Slider with JQuery

Stylishly capitalize on limited space with a side scrolling image gallery, similar to the one that Apple uses to show off their products.

11. Fixed Floating Elements

Learn how to create floating comment form like apple shopping basket.