我一直在尋找靈感，偉大的設(shè)計(jì)挑戰(zhàn)傳統(tǒng)。這篇文章是關(guān)于獨(dú)特的布局方案；這意味著我將要談到的八個(gè)不同的網(wǎng)站，目前一些典型，以獨(dú)特的方式。我們?nèi)チ霜?dú)特的布局方案的展示產(chǎn)品，包括個(gè)人和人類的元素在一個(gè)網(wǎng)站。

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

哈佛設(shè)計(jì)學(xué)院網(wǎng)站有一個(gè)獨(dú)特的方式來導(dǎo)航。當(dāng)你第一次登陸主頁，有一個(gè)視覺顯示的導(dǎo)航。當(dāng)然，這里的每一個(gè)環(huán)節(jié)為代表的不是，只是幾個(gè)關(guān)鍵的。許多網(wǎng)站已經(jīng)鏈接在首頁的標(biāo)題更重要的頁面；這是我們的傳送帶為例。但是，我還沒有看到一個(gè)網(wǎng)站以這種方式呈現(xiàn)。導(dǎo)航可能很小，但它的前端和中心。更重要的是，它看起來像它屬于那里。它的執(zhí)行異常。

左邊的圖像相互重疊，但你仍然可以看到有多少。圖像和左邊的標(biāo)題之間有明確的對應(yīng)關(guān)系。圖像的旋轉(zhuǎn)與左邊的項(xiàng)目。然而，在任何給定的時(shí)間，你知道是什么樣的信息給你。就像哈佛設(shè)計(jì)學(xué)院創(chuàng)建了一個(gè)改進(jìn)的版本是旋轉(zhuǎn)木馬應(yīng)該是放在第一位。不僅是可用性，本設(shè)計(jì)方案考慮，布局獨(dú)特以及。這些因素都使一個(gè)夢幻般的視覺設(shè)計(jì)相結(jié)合。

2.TRA去網(wǎng)格

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

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

3.在一個(gè)固定的頁面滾動(dòng)鞋的照片

這個(gè)例子中的一個(gè)獨(dú)特的布局方案圍繞在線零售鞋店。外國企業(yè)所得稅的產(chǎn)品頁面就是輝煌。首先，設(shè)計(jì)利用屏幕的寬度和高度。這意味著，屏幕上的每一個(gè)地區(qū)都有特定的目的指定。其次，所有的網(wǎng)站是簡單的，最小的和干凈的。這意味著，即使設(shè)計(jì)并使用全屏幕，不凌亂。這是一個(gè)非常好的事情，因?yàn)榇罅康脑O(shè)計(jì)依賴于空白做一個(gè)干凈，光看網(wǎng)站。

最讓我印象深刻的事，關(guān)于這個(gè)具體的產(chǎn)品頁面最是布局劃分方式。頁面具體分為三個(gè)不同的部分。首先，在左邊的導(dǎo)航。這是比較標(biāo)準(zhǔn)的，沒什么特別的。然后是產(chǎn)品細(xì)節(jié)的右手邊。同時(shí)，左側(cè)導(dǎo)航和細(xì)節(jié)部分是固定在屏幕上。但是，最后一節(jié)，中間的照片部分，充滿了滾動(dòng)的照片。我認(rèn)為這是一個(gè)輝煌的解決方案，因?yàn)樗皇亲畛Ｒ姷慕鉀Q方案。

很多時(shí)候，如果有一個(gè)大名單的產(chǎn)品照片，留下的關(guān)于它的信息。在這里，我向下滾動(dòng)，我仍然看到產(chǎn)品的描述和名稱，我還看到不同的顏色，它可以訪問更多的信息，如有關(guān)的材料為我請不必上下滾動(dòng)?？偟膩碚f，這是一個(gè)潛在的客戶無縫體驗(yàn)。

4.示產(chǎn)品的多個(gè)側(cè)面一目了然

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

5.開放展示他們的人類

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

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

6.UX流顯示一個(gè)小動(dòng)畫可以走很長的路

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

不是每件事都要大膽，大聲的和令人討厭的令人印象深刻。有時(shí)微妙的東西像動(dòng)畫中的小型、快速緩解只夠?yàn)橛脩魟?chuàng)造了一個(gè)獨(dú)特的經(jīng)驗(yàn)。這是最明確的一次。另一件事，注意重要的是段落之間的動(dòng)畫是沒有自己獨(dú)特的布局。這是好的；過渡明顯，你從一段到下一個(gè)還是部分的布局，即使不是動(dòng)畫的最終布局。

7.TED TODD集成地圖

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

關(guān)于這部分的下一個(gè)重要的事情是點(diǎn)。他們實(shí)際上是互動(dòng)的。當(dāng)你把鼠標(biāo)懸停在你的名字的城鎮(zhèn)或城市的特德托德保險(xiǎn)公司位于。但是，如果你點(diǎn)擊它的整段左移使有關(guān)的具體細(xì)節(jié)處的房間。你辦公室的電話號碼，地址，除了員工名單開放時(shí)間。我喜歡這個(gè)設(shè)計(jì)方案，因?yàn)樗试S用戶快速瀏覽到一個(gè)位置靠近他們。它的視力比如果信息被堆疊在彼此的頂部上的一個(gè)網(wǎng)頁的標(biāo)題“我們的佛羅里達(dá)州辦事處更有趣和獨(dú)特的表示，“你不覺得嗎？

本文題目：成都網(wǎng)站建設(shè)：獨(dú)特的視覺決策設(shè)計(jì)
URL地址：http://jinyejixie.com/news24/311024.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、App設(shè)計(jì)、虛擬主機(jī)、網(wǎng)站收錄、搜索引擎優(yōu)化、面包屑導(dǎo)航

廣告

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