搜尋

隨機推薦

http://cdc.tencent.com/wp-content/uploads/2011/01/bannermaya.jpg

當瀏覽網頁時,總有那麼一類網站華麗而富有趣味性。在瀏覽信息的同時,足夠讓我們眼前一亮。它們在充分融入動畫、視頻、遊戲、甚至是與眾不同的交 互操作而使網站效果令人驚奇,這些基於flash設計的網站,讓網頁從平面變身立體,從靜態變得有故事有情節。 如果將fash技術用於個人作品集製作或 者企業推廣時,網頁設計便成為了一種有故事有情節的藝術,它們是那樣富有活力而創意獨特。

下面讓我們隨著這些利用flash技術製作的網站,來一場奇妙的網絡旅行吧~~

設計與開發之間本有一線界限,但當時代步入又一個十年,這個線變得更加模糊甚至感覺不到它的存在。使用PS設計網頁版面,足矣?或許五年前是吧!現在的互聯網用戶要求越來越多。沒有內涵的華麗很快就會被丟棄。如果你追求華而不實的設計,那麼相信你很快會被時代遺棄。2011年不再屬於單純的華麗而是注重功能。新的一年或者未來十年的設計趨勢是響應設計(responsive design)、持續聯繫(constant connection)和虛擬現實(virtual reality)。

作為設計師的你,2011年會作神馬打算?真正的設計師設計的東西不是為了譁眾取寵而是在藝術和功能上做到兩全其美。。膚淺的讚賞易得膚淺的設計也易被遺忘。出色的設計師猶如造夢師,給用戶創造一個夢境,讓用戶感覺到如此真實而不知道自己是在夢中。這樣的夢需要幾個元素:優秀的配色,直觀的設計,良好的交互性和快的響應速度。此外,永遠不要低估簡約的力量。2011年,你的設計不但要考慮筆記本、台式電腦,還要考慮智能手機、上網本和平板電腦等設備。你都準備好了嗎?

當今越來越多的應用程序遷移到web平台上。由於沒有平台的限制和安裝的要求,SAAS的模式看起來非常有吸引力。Web應用程序的界面設計,其核 心就是網頁設計,但它的重點主要是在功能方面。要超越桌面應用程序, Web應用程序必須提供簡單、直觀和即時響應的用戶界面,讓他們的用戶花更少的精力和時間去完成事情。

 

以前,我們並沒有注意到web應用程序這個方式,但是現在是時候仔細看看一些實用的技術和設計解決方案,讓Web應用更友好更漂亮。本文主要介紹的 是在現代Web應用程序中,我們對設計模式以及有效設計解決方案進行大量研究並得到結果的第一部分,您可以在下面找到10個收集到的實用界面設計技術以及 在許多成功Web應用程序中得出的最佳做法。

 

Ultimate Guide to Website Wireframing

對於產品設計師, 線框圖的重要性毋庸置疑。 本文從多個角度分析了線框圖的類型, 功能, 開發流程。

還提供了許多非常有用的線框圖創建工具。 從紙筆到多個web在線工具(具有方便共享和可供多人開發的優勢), HTML線框圖, 多套風格各異設計精良的線框圖模具。

接著分析了如何使用線框來完成一個產品設計, 作為項目交付, 打磨外觀。

最後是非常精彩的資源列表。 ( 中文介紹來自:http://designlol.net/archives/2428  )

 

網頁給人最直觀的感受就是它的頁面框架與構造,就像一座大樓的主體框架與形態,你可能記不起東方明珠塔和艾菲爾鐵塔是用什麼顏色或什麼材料塗的外牆,但我想你一定記得起它們的什麼樣的形狀。 同樣,網頁設計中的構圖也足以影響到整個網站給人的感受,雖然比喻並不十分恰當,但就網頁其構圖而言,些許的改變和簡單的創新也許就能起到事半功倍的效果,讓網站給人的視覺感受耳目一新。

如何將網頁這座樓蓋的漂亮? 以下就例舉一些在網頁設計上能起到事半功倍的構圖技巧。 個人拙見,希望能夠拋磚引玉。

19年前,世界上第一個網頁誕生,它沒有設計可言,由文本和url組成,樣式只有最基本的<h1> <p>。 而如今,Web設計已經成長為獨立而龐大的設計門類,一個網頁的創造需要多個工種、多種技術的參與,其流程的複雜和挑戰性已經超過任何傳統設計類別。

這19年間,網站的擁有者越來越清楚自己的目標,而設計師們也越來越理性和專注,人們在不停尋求商業訴求、用戶、審美和技術上的平衡點。每一年過去,都有無數過時的風格、特徵元素以及實現技術被拋於身後。

 

UI 設計的魅力在於,你不僅需要適當的技巧,更要理解用戶與程序的關係。一個有效的用戶界面關注的是用戶目標的實現,包括視覺元素與功能操作在內的所有東西都 需要完整一致。為了實現這個目標,你需要問自己 10 個最基本的問題。

你的 UI 是否高度一致?

User Interface - Fundamental Questions

用戶來到你的站點,腦子裡會保持著一種思維習慣,你的 UI 需要保持一致,以免用戶的思維方向被打亂。比如,如果你的某個品目下的產品可以拖放到購物車,那你站點中所有產品都應該可以這樣操作。將按鈕放到不同頁面 相似的位置,使用相契合的配色,使用一致的語法和書寫習慣,同時,讓你的頁面擁有一致的結構。

 

http://blog.eicrasoft.com/wp-content/uploads/2008/06/business_website.gif

以下10個站都充滿了豐富的網頁設計、開發資源,
同樣的特色是這些網站是在一個頁面用超連結的方式,
呈現了龐大的資料量,直接在頁面上選擇你所想要的類別或文章,
其中大部分的資源都是design以及development,
例如: Icons, Templates, Fonts, Scripts, Color tool,  CSS 還有很多很多!

圖文來自:dzineblog

第 2 頁,共 4 頁

Please publish modules in offcanvas position.