我一直在尋找靈感，偉大的設計挑戰傳統。這篇文章是關于獨特的布局方案；這意味著我將要談到的八個不同的網站，目前一些典型，以獨特的方式。我們去了獨特的布局方案的展示產品，包括個人和人類的元素在一個網站。

1.哈佛改變臭名昭著的木馬

哈佛設計學院網站有一個獨特的方式來導航。當你第一次登陸主頁，有一個視覺顯示的導航。當然，這里的每一個環節為代表的不是，只是幾個關鍵的。許多網站已經鏈接在首頁的標題更重要的頁面；這是我們的傳送帶為例。但是，我還沒有看到一個網站以這種方式呈現。導航可能很小，但它的前端和中心。更重要的是，它看起來像它屬于那里。它的執行異常。

左邊的圖像相互重疊，但你仍然可以看到有多少。圖像和左邊的標題之間有明確的對應關系。圖像的旋轉與左邊的項目。然而，在任何給定的時間，你知道是什么樣的信息給你。就像哈佛設計學院創建了一個改進的版本是旋轉木馬應該是放在第一位。不僅是可用性，本設計方案考慮，布局獨特以及。這些因素都使一個夢幻般的視覺設計相結合。

2.TRA去網格

這是很明顯的，TRA的網站使用的傳統布局。該網站是，總體而言，最小的。他們還利用配色，背景是黑色的，文字是白色的。配色方案無疑給了它一個哇。然而，這是關于TRA的網站布局。讓我們的主頁開始：有幾個網頁上的文本塊，它的大部分重疊的背景圖像的至少一點，除了段落抄下的“人們”部分。副本是專門為了從圖像對齊。這是不同的，它是唯一的，這是顯而易見的。

上的網頁，有一點點的訂購和使用網格。但是，仍然是不規則網格。好像每一段關于網頁有自己的網格。這件事迷住了我這頁最是切斷圖像從網頁的左上方。它只是不適合做任何事。自然，這讓我很好奇。原來的形象是一個畫廊，你點擊它，使圖像打開。那是一個非常聰明的方式來充分利用布局；關心研究的人贏得一堆圖片。那些不在乎，不要失去那么多。這是一個有趣的復活節彩蛋。

3.在一個固定的頁面滾動鞋的照片

這個例子中的一個獨特的布局方案圍繞在線零售鞋店。外國企業所得稅的產品頁面就是輝煌。首先，設計利用屏幕的寬度和高度。這意味著，屏幕上的每一個地區都有特定的目的指定。其次，所有的網站是簡單的，最小的和干凈的。這意味著，即使設計并使用全屏幕，不凌亂。這是一個非常好的事情，因為大量的設計依賴于空白做一個干凈，光看網站。

最讓我印象深刻的事，關于這個具體的產品頁面最是布局劃分方式。頁面具體分為三個不同的部分。首先，在左邊的導航。這是比較標準的，沒什么特別的。然后是產品細節的右手邊。同時，左側導航和細節部分是固定在屏幕上。但是，最后一節，中間的照片部分，充滿了滾動的照片。我認為這是一個輝煌的解決方案，因為它不是最常見的解決方案。

很多時候，如果有一個大名單的產品照片，留下的關于它的信息。在這里，我向下滾動，我仍然看到產品的描述和名稱，我還看到不同的顏色，它可以訪問更多的信息，如有關的材料為我請不必上下滾動。總的來說，這是一個潛在的客戶無縫體驗。

4.示產品的多個側面一目了然

在這里，我們有一個產品頁面的另一種方式來展示產品。好的，好的，我們也有另一個鞋子太！佛拉的網站也有一個獨特的顯示方法。這次的鞋是證明在多個不同的鏡頭在頁。這實際上是一個旋轉木馬的UI元素的一部分。然而，這里的可用性不是一個大問題。首先，有三個圖像在臺式機或筆記本電腦的屏幕尺寸默認顯示。默認的圖像都具有相同的背景使一個無縫顯示。如果用戶沒有意識到的圖像是一個旋轉木馬，他們至少會看到三個不同的圖像的產品在他們的電腦上的一部分。小尺寸屏幕像片，默認是顯示在一次兩圖像；這還不錯。總之，這里的鞋產品展示的是一個獨特的解決方案。

5.開放展示他們的人類

我，一個，認為網絡是一種客觀的地方，我們不常見到的人；T他真實的人在應用、產品、公司等。我一直努力在我的設計中人的因素包括。我可以看到門戶開放想做相同的事情。在他們的主頁，大約一半，是一款名為“我們有你的背。“它應該說明有真正的人類的門戶開放公司的人背后有著幫助他們的顧客的每一步。現在，開放剛剛離開那里但相反，他們把他們的一個員工大合影。

這部分有很小的文字。相反，照片和臉的部分更大的部分。我甚至說，照片勝過100%積極的部分。如果照片是一個縮略圖或頭像，效果甚至不存在。如果照片是一個中等大小的平方（說至少300px通過300px）旁邊的復制，效果不會是一樣的。選擇使用這樣一個大的圖像馬克的友好的臉是一個很好的電話；這不僅設計決策提供人性化、個性化的設計元素，這是一個創新和。如果沒有這張照片，這將對用戶沒有個人的影響。沒有這個特定的布局，這一部分會有一個完全不同的情感效應。

6.UX流顯示一個小動畫可以走很長的路

下一個例子中的一個獨特的布局方案有動畫。如果您需要在首頁一看UX流向下滾動一點點，你會發現一段動畫的背景中。這是真的沒有什么花哨但它是獨一無二的。背景不容易當你滾動網頁上。如果有的話，在過去的幾年里，我們已經看到了不同的元素，在段飛或滾動時。但是，我沒有非常多的背景動畫除了視差。這個原因是很重要的一段背景定義。而且，雖然，這不是一些瘋狂的動畫，它仍然是令人印象深刻的。

不是每件事都要大膽，大聲的和令人討厭的令人印象深刻。有時微妙的東西像動畫中的小型、快速緩解只夠為用戶創造了一個獨特的經驗。這是最明確的一次。另一件事，注意重要的是段落之間的動畫是沒有自己獨特的布局。這是好的；過渡明顯，你從一段到下一個還是部分的布局，即使不是動畫的最終布局。

7.TED TODD集成地圖

視覺設計和整體的用戶體驗特德托德的網站設計得很好。為了這一條，我想談談Ted Todd的使用位置和地圖在他們的網站上的部分。對他們的主頁的底部，有一段指定不同的辦公地點的公司已在佛羅里達州。有多種原因，這一部分是驚人的。首先，該部分以獨特的方式提供一流的設計方案利用布局。關于這段最引人注目的便是佛羅里達州的右邊的燈的形狀。佛羅里達州有許多點的視覺是展示公司達到一個很好的方式。他們不只是說他們在佛羅里達州的設計顯示你到底在哪里。這是一個簡單的視覺來消化和太在一個奇妙的方式執行。

關于這部分的下一個重要的事情是點。他們實際上是互動的。當你把鼠標懸停在你的名字的城鎮或城市的特德托德保險公司位于。但是，如果你點擊它的整段左移使有關的具體細節處的房間。你辦公室的電話號碼，地址，除了員工名單開放時間。我喜歡這個設計方案，因為它允許用戶快速瀏覽到一個位置靠近他們。它的視力比如果信息被堆疊在彼此的頂部上的一個網頁的標題“我們的佛羅里達州辦事處更有趣和獨特的表示，“你不覺得嗎？

本文題目：成都網站建設：獨特的視覺決策設計
URL地址：http://m.newbst.com/news24/311024.html

成都網站建設公司_創新互聯，為您提供靜態網站、App設計、虛擬主機、網站收錄、搜索引擎優化、面包屑導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯