????? 多年來,我們已經看到一個強大的最后幾個月的趨勢更 個人網站設計。這些設計從日常生活中使用,如手工繪制的元素,腳本字體,別針,回形針,有機紋理和剪貼簿,現實主題。這不是一個很大的驚喜,因為他們服務的功能,不露面,有光澤,玻三維按鈕完全不提供:個性和人格。 “個人”的設計顯得更加熟悉,更友好。如果使用得當,這些內容可以提供人性化的設計和溝通,在一個真正獨特的方式內容。
然而,除了視覺設計元素,還可以得到與創意 布局 該網站 - 它的結構和方式的信息介紹和交流。為了讓你到底是可以做到的一些想法,我們一直在收集創意設計布局的例子。比設計更重要的是一些有創意的想法具體的實施給我們。我們也沒有興趣的代碼是否驗證或沒有。下面是一些我們已經找到迄今為止例子。
目前,我們在下面展示 40創意出位的現成布局 這打破沉悶2 - 和3圓柱形,盒裝布局。我們已經收集到的CSS + JavaScript的布局以及閃存設計純CSS的設計。以下風險的網站結構和內容呈現不尋常的做法提出了大多數設計。那是什么使他們不同。希望你會發現一些有創意的想法,你可以在你的未來發展項目的進一步。
我們強烈 鼓勵設計者打破 通常的盒裝布局公約,新的辦法和風險瘋狂的思想實驗。顯示你有能力!
20 ×創意的CSS入門
帕維爾布本
帕維爾布本使用他的單頁,現場一本雜志封面式布局。不幸的是,有沒有內部的網頁 - 這將是有趣的尋求如何將設計。一個有趣和不尋常的做法。
艾加洛杉磯
艾加洛杉磯創造性地使用在框。所有設計元素被放置到底層按網格,但他們清楚地走出箱子。這種方法在設計制造緊張局勢,并期待真正的與眾不同。
SpaceCollective
其畫廊節SpaceCollective使用5列網格。文本和圖像是完全放在提供一個完整的表格的網格布局和秩序感。請注意不同的字體大小和文本樣式的設計 - 它們引入到布局這完全屬于復雜,不可預測的布局作品深刻的視覺層次。
賈森圣瑪麗亞
賈森圣瑪麗亞采取了與他的站點布局真正不同的路線。每篇文章的布局不同,與排版和視覺清晰度的強烈關注。下面的布局提出了三個。您可能也很難在網上找到類似的布局。
結帳:為Mac點終端(POS銷售)
在乍看之下,結帳看起來像一個普通的蘋果電網布局。是什么使布局有趣的是,不僅其視覺元素的立場,但事實上,每個部分都有其個人網頁(雖然)相一致的設計。盡管如此,布局是非常可掃描和直觀。
NOFRKS.design
NOFRKS使用JavaScript幻燈片之間的網站的不同部分。我們發現更有趣的是內容的呈現方式。大多數元素被放置在一個范圍內,給予內容次要的意義。
短信停車場
乍一看SMSParking在沒有任何布局。設計似乎是一個單一的畫像 - 所有的元素完美地相互配合,形成視覺上的和諧與平衡,封閉感。
三運
有時,一個背景圖片,就足以使布局突出。雖然人們可以識別常規布局結構在這里,獨特的外觀設計,令人難忘。該網站的背景圖片完全適合公司,該公司提供郵寄服務。
Matriz Communicacao
這家巴西公司提供了一個完美的例子可以無縫設計和內容被集成在一個完整而簡單的布局。
Mihmorandum
Mihmorandum在一個不尋常的方式使用一個共同的三列布局。雖然是很平常的結構,獨特的設計本身看起來就像一張紙和一堆放在一個文件夾內。
3rdM
3rdM使用圖標來表示不同的導航選項。這不是一個類型的布局你會發現許多其他網站的設計。這就是使得布局創意。
尼羅河內
許多組合使用垂直布局,以展示他們的作品。 Nile.ru按時間順序顯示在其作品,就好像它是一個橫向的博客。
Rockatee
Rockatee使用不對稱的地位卻在一個不尋常的吸引力風格內容塊。請注意,左邊塊完全符合導航選項對齊“家”在頁面的頂部。在航行了整整兩個選項頁中的截圖,并跨越作為本頁面右側的描述塊相同的寬度。
在布局中的失真是由于基本有機紋理。雖然設計是完全一致按網格,它似乎是在第一眼混亂。秩序和混亂之間的緊張關系造成的緊張局勢和布局看起來非常有吸引力。
獲得倫敦讀
一個有效的背景圖像可以幫助一個布局突出。在這里,效果達到符合與該項目的目標 - 鼓勵市民多閱讀。
拉:釹(盲)
在乍看之下,布局看上去給人留下深刻印象。它有什么區別,不過,這些選擇的圖片大小及白色的空間充分利用。公告以及負空間是如何在側邊欄,但單個元素清楚分開,并用正確對齊。圖像的寬度等于內容塊的寬度。是的,布局是四四方方,但空白明智使用使它遠離無聊。
投資組合的漢尼拔
通常,導航菜單放置在側邊欄,或在網站的頂部。威廉F萊弗特它是不同的。他的非線性布局字面上爆發了四四方方的結構,并提供一些完全不同的。有時就足夠了:只要將設計元素的位置,以達到驚人的實驗設計方案。
URLshrinker
創意設計解決方案,因為這可以作為一個簡單的。一個由URLshrinker典雅迷人的布局。
15 ×入門使用CSS + JavaScript的創意
ShopComposition
ShopComposition提供在網站的頂部滑動導航。用戶可以選擇他們想要的內容閱讀和選擇的內容塊的寬度。這家商店有一個集成的博客和一些進一步的項目,如圖片,每天()來吸引客戶的注意力。 JavaScript的使用。
forgetfoo
Forgetfoo使用的一個工具和內容方面幾乎簡約,簡單的布局。設計師刪除了所有必要的和不必要的細節集中在最后的博客條目只。設計不包含任何類別導航選項。這是不尋常的,但可能會有點太多的簡約了。通過博客文章,是實現了導航的Javascript。
包括
對包含一個內容塊和相應的導航塊似乎是“掛在空中。”本質上,頁面有兩列,但是。布局似乎是相當原始 - 或許是因為對某種原因背景放在奶牛。關于右側的導航使用Javascript實現。
神戶
在網站頂部的導航選項略有動畫尚未創造合適的氣氛。一旦被點擊的部分之一,主要內容區 幻燈片垂直 - 第一次的背景圖片,則內容。如果內容方面也有一定的導航選項,它們是垂直滑行以及。在這種情況下它可能是一個稍微好一點的設計決定,而不是使用橫向導航,以方便游客來區分主要和次要導航。
自來水自來水自來水
自來水自來水塔采用了大膽和醒目的布局將郵件傳遞給游人。布局,雖然基本上是側欄和內容方面組成的,是不是在所有的沉悶,看起來有吸引力。在左邊的導航,并進一步影響創建使用JavaScript。
youlove.us
關于youlove.us布局是肯定非常活躍。它使用一個生動的大背景圖像和滾動效應,使用戶能夠快速地從一個網站跳到另一個部分。請注意,導航區域是重復4次,在每個類別。滑動效果也用于每個類別。而不是使用20個單獨的頁面,所有的布局結合在一個單一的頁面。其結果是結構緊湊,便于使用。
方法:品牌體驗機構
這種設計機構使用一個靈活的基于JavaScript的布局更新其大小在瀏覽器窗口的大小而定。內容是“裝在盒子”是常見的,這種基于網格的設計,但是,在盒子路線,使得設計字面上脫穎而出。
Viget實驗室
Viget實驗室還使用了一個滑動導航和橫向滾動效應,使更多的用戶交互動態的,因此更具吸引力。但是,更重要的是,本身就代表了布局:布局是無形的,類似的互動Flash的接口。的CSS + JavaScript的使用。粉碎說:5 5星級了。
Lucuma
Lucuma還采用橫向布局以及一個水平滑塊導航。的背景圖片,導航,簡單而有效的整合視頻和內容,使布局不尋常,與眾不同。
阿克塞爾Peemoeller設計
在這個網頁上的所有設計元素都是可拖動,其中有些是點擊。圖片似乎是對你扔在第一時刻,但最后他們都有道理。這是一個不尋常的組合是難忘而有趣的探索。
IDEO公司
IDEO公司介紹其主網頁上的所有內容。該衛星的選項放置在黑盒子,不管怎樣安排等內容框。一旦黑匣子之一是徘徊,相關的內容塊突出。這不是大多數用戶所期望的布局。
博赫丹Levishchenko
博赫丹Levishchenko使用與IDEO公司相同的方法,但都呈現在頁面頂部的導航選項。單篇作品的介紹下,導航和蔓延整個布局為圖像。
MelissaHie.com
梅麗莎枝置于一個單一的大網頁上的所有不屑元素。游客基本上都是從一個網站到另一個驅動使用一個滾動效應。
酒店牛津 - 蒂米什瓦拉
一個單頁網站的一個非常平靜和安慰布局。所有的導航選項都可以在第一眼。一旦被點擊的一些選項,在左邊的內容塊是動態替換。酒店的牛津標志始終保持自己的位置上。
thruSITES /組合
在這種組合設計師的作品插圖似乎在某種程度上是一種無形的繩索松散地放置。當被點擊的例子之一,所有其他元素的方式安排的內容,這說明代表成為主導自己。
歐文鮑爾桶
鮑爾的歐文組合的網站采用不同的方法使用一個pannable用戶界面,但在JavaScript執行,而不是在閃光。該網站允許用戶點擊并拖動平移畫布,或使用位置周圍的內容鏈接到走動。設計干凈,模仿與regisration和作物標志設計文件,以及有關的指示,畫布將鍋當你瀏覽的視覺線索。 [通過]
5 ×入門閃存創意
在秘密地點
秘密地點,一個在多倫多的媒體機構,加拿大體現他們的工作,通過提供領先的周圍呈現的一個人物故事,身臨其境的閃存經驗,以跟隨神秘的路徑,導致了秘密地點。互動形式非常,非常不尋常的站點布局。 [通過]
卡米爾哥特瓦爾德
在他的布局卡米爾哥特瓦爾德使用戶能夠定義網站列的寬度手動。要瀏覽的用戶需要垂直滾動水平。因此,沒有垂直滾動條是必要的。多個站點的意見是可能的。
Grooveshark建興
Grooveshark似乎模仿iPod的接口,它確實非常好。雖然它可能不是非常有創意,這樣的布局是很難找到在網絡上。
杰里米萊溫設計
Flash提供了一個互動的導航設計許多創造性的可能性。杰里米萊溫使用動態紙條這似乎掛在空中。
也使它
也使它已經提出了一個有趣的想法,提供一些有多好工作是直覺游人。對樁點擊了解。
木庫工作室
“讓木庫不要你”:這個友好伙計只想保持可見,因此他試圖找到在屏幕上有一些地方把現場的觀眾眼睛。該網站的布局簡單而難忘的 - 好吧,木庫可以確保他會記住后,瀏覽器窗口關閉。
?
-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:
??? 免費網絡營銷顧問:我們為您提供免費的網絡營銷顧問服務,您需要了解關于如何開展網絡營銷,電子商務,網站設計等的事宜,歡迎隨時聯系我們。
??? seo友好的網站管理系統:除了優質的網站空間,網站管理系統,和網站設計外,我們的網站管理系統更是seo友好的,包括:自定義欄目名,Google Sitemap自動生成,靜態頁面生成等等,讓您的網站。
???? 免費網絡營銷培訓:如何更好的投放網絡廣告,如何提高網絡廣告的投資回報,如何發帖子,
??? ?如何優化網站,我們有豐富的經驗開放給您!祝君成功!
聯系我們:010-62199213 62122723-808 賈先生
北京網站建設公司-傳誠信網站:m.xinyangweb.com?點擊查看經典網站案例!
?