DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> poluoluo收集iphone手機網站設計實例
poluoluo收集iphone手機網站設計實例
編輯:關於網頁技巧     

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

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

1. 新聞/娛樂類

Sevnth Sin

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

Screenshot  Screenshot

Blip.tv

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

Screenshot  Screenshot

NBC

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

Screenshot  Screenshot

Zinio

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

Screenshot  Screenshot

Spin The Bottle

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

Screenshot  Screenshot

Daily Wallpaper

大縮略圖設計,非常方便

Screenshot  Screenshot

AOL Horoscopes

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

Screenshot  Screenshot

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

Yahoo Omg!

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

Screenshot  Screenshot

2. 商業/企業

DPTO

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

Screenshot  Screenshot

Mind Medium Creative

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

Screenshot  Screenshot

Redhawk Investment Advisors

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

Screenshot  Screenshot

Nike Lab

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

Screenshot  Screenshot

Procab Studio

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

Screenshot  Screenshot

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

Hotel Monterilla

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

Screenshot  Screenshot

Viget Labs

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

Screenshot   Screenshot

Batali Associates

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

Screenshot  Screenshot

Ready For iPhone

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

Screenshot  Screenshot

Element Fusion

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

Screenshot  Screenshot

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

Volkswagon

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

ScreenshotScreenshot

3. 購物/電子商務

Torn Robes

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

ScreenshotScreenshot

Coosh

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

Screenshot  Screenshot

Walmart

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

Screenshot  Screenshot

4. 個人展示/博客

World Ending Blog (Japanese)

比較好的閱讀體驗

Screenshot  Screenshot

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

Signal Element

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

Screenshot  Screenshot

One Crimson Splash

配色與構圖非常完美

Screenshot  Screenshot

5. 教育/資訊

MIT

簡約,簡潔,便於使用

Screenshot  Screenshot

101 Cook Books

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

Screenshot  Screenshot

Please Fix The iPhone

Screenshot  Screenshot

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

1881

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

Screenshot  Screenshot

AOL Food

愛廚人士必備

Screenshot  Screenshot

Deviant Art

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

Screenshot Screenshot

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

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

Screenshot

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的優化。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved