DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：本文中的這些網站主要是針對iphone手機的網頁，這些網站類型多種多樣，當然我們可能無法以普通網頁的標准來評判這些網站的設計，不過從中我們也可以看出一些關於手機網站設計的特點，本文最後包含了一些iphone手機網站的開發工具。

隨著手機上網的普遍，出現越來越多的手機網站，雖然手機的屏幕並不大，不過手機網站也有各自獨特的設計風格，本文中的這些網站主要是針對iphone手機的網頁，這些網站類型多種多樣，當然我們可能無法以普通網頁的標准來評判這些網站的設計，不過從中我們也可以看出一些關於手機網站設計的特點，本文最後包含了一些iphone手機網站的開發工具。

1. 新聞/娛樂類

Sevnth Sin

獨特的導航菜單為這個網站增添了非凡的吸引力，絕佳的理念和設計。

 

Blip.tv

清新簡介的版式和配色，非常契合網站的定位。

 

NBC

you-tube風格的設計非常便於查找和定位。

 

Zinio

雜志架，所有操作一鍵搞定。

 

Spin The Bottle

一個簡單的轉瓶子游戲，非常好的圖像應用。

 

Daily Wallpaper

大縮略圖設計，非常方便

 

AOL Horoscopes

配色方案很完善的星座網站

 

網頁制作poluoluo文章簡介：本文中的這些網站主要是針對iphone手機的網頁，這些網站類型多種多樣，當然我們可能無法以普通網頁的標准來評判這些網站的設計，不過從中我們也可以看出一些關於手機網站設計的特點，本文最後包含了一些iphone手機網站的開發工具。

Yahoo Omg!

非常鮮亮的配色和版式，給人以沖擊力和吸引力

 

2. 商業/企業

DPTO

個性的紅色界面和新穎的3D導航，增添了無限魅力

 

Mind Medium Creative

特殊的光澤設計，非常有質感

 

Redhawk Investment Advisors

非常有商業氣息，不錯的色彩應用

 

Nike Lab

充分體現動感和活力的Nike網站

 

Procab Studio

信息比較豐富，但空隙太大了些

 

網頁制作poluoluo文章簡介：本文中的這些網站主要是針對iphone手機的網頁，這些網站類型多種多樣，當然我們可能無法以普通網頁的標准來評判這些網站的設計，不過從中我們也可以看出一些關於手機網站設計的特點，本文最後包含了一些iphone手機網站的開發工具。

Hotel Monterilla

非常舒適的設計，讓人不禁像進去睡個覺。

 

Viget Labs

藍色的背景、恰到好處的空隙和圓角，讓這個網頁非常舒適和引人注目

  

Batali Associates

不常見的布局版式，非常適合iPhone

 

Ready For iPhone

一個專門提供iPhone網站解決方案的公司，“go”上的手型圖標讓人忍不住就去點點。

 

Element Fusion

另一個提供解決方案的公司

 

網頁制作poluoluo文章簡介：本文中的這些網站主要是針對iphone手機的網頁，這些網站類型多種多樣，當然我們可能無法以普通網頁的標准來評判這些網站的設計，不過從中我們也可以看出一些關於手機網站設計的特點，本文最後包含了一些iphone手機網站的開發工具。

Volkswagon

車型相冊，導航非常人性化

3. 購物/電子商務

Torn Robes

簡潔漂亮的手機購物站點，購物流程非常舒適

Coosh

獨立產品的宣傳網站，非常漂亮

 

Walmart

非常容易找到想要的商品，並且可以生成自己的商品訂單列表

 

4. 個人展示/博客

World Ending Blog (Japanese)

比較好的閱讀體驗

 

網頁制作poluoluo文章簡介：本文中的這些網站主要是針對iphone手機的網頁，這些網站類型多種多樣，當然我們可能無法以普通網頁的標准來評判這些網站的設計，不過從中我們也可以看出一些關於手機網站設計的特點，本文最後包含了一些iphone手機網站的開發工具。

Signal Element

只有三個頁面的網站，但是設計感非常強

 

One Crimson Splash

配色與構圖非常完美

 

5. 教育/資訊

MIT

簡約，簡潔，便於使用

 

101 Cook Books

雖然沒有復雜的設計，但內容整齊，便於閱讀

 

Please Fix The iPhone

 

網頁制作poluoluo文章簡介：本文中的這些網站主要是針對iphone手機的網頁，這些網站類型多種多樣，當然我們可能無法以普通網頁的標准來評判這些網站的設計，不過從中我們也可以看出一些關於手機網站設計的特點，本文最後包含了一些iphone手機網站的開發工具。

1881

電話黃頁站點，非常清晰易讀。

 

AOL Food

愛廚人士必備

 

Deviant Art

藝術展示站點，配色非常富於文化氣息，且清晰易讀

最後的不一定是最重要的，送給大家一句格言：

He who laughs at himself never runs out of things to laugh at. (大意可能是：學會取笑自己的無知，你就永不缺可以笑的題材。 ...)

iPhone網頁設計工具

下面一些工具可以幫助你把網頁快速“iPhone化”。

iPhoney

iPhoney是一個基於Safari的iPhone網頁測試環境，可以用來測試開發iPhone網站。這是個非常好的工具，你可以看到網頁在iPhone上呈現的樣子。

Test iPhone

基於web浏覽器的模擬器，可以快速測試你的iPhone網頁

iWebKit (Demo)

iWebKit 是一個文件包，用來幫你建立適用於iPhone和iPod touch的網頁和應用程序。裡邊包含了一些可用的模板。

iUI

iUI 是個包含Javascript、CSS和圖片的前端框架，為你准備好了iPhone網頁的一些標准樣式和特效。

Intersquash (Demo)

這不是個設計工具，它可以幫助你建立適用於iPohne的RSS Feed。

WPtouch

Wordpress的iPhone化模板

Jaipho Gallery (Demo)

如果你的網站有相冊，那這個工具可以提供針對iPhone的優化。