你需要問自己，你想說什么，你想怎么說呢？考慮用戶：當(dāng)頁面加載時(shí)，您希望他們感受和體驗(yàn)？網(wǎng)站的排版建立了溝通模式，反過來又形成了網(wǎng)站的個(gè)性。字體的選擇將決定人們對(duì)您的網(wǎng)站的回應(yīng)。

        然而，網(wǎng)站的個(gè)性需要一致。以下網(wǎng)站將激發(fā)您對(duì)極端創(chuàng)造力的渴望。請(qǐng)瀏覽一下并自己探索。
 

        當(dāng)需要時(shí)，導(dǎo)航列表應(yīng)該始終存在，并且當(dāng)用戶想要專注于特定任務(wù)時(shí)，它們將永遠(yuǎn)消失。例如，在設(shè)計(jì)在線商店的結(jié)帳時(shí)，導(dǎo)航應(yīng)該始終是可訪問的，但也足以突出網(wǎng)站的關(guān)鍵特征，例如結(jié)帳表。Toybox的導(dǎo)航只是這樣。
 

 

        感覺就像你正在偷看頁面或玩具盒的蓋子，看看里面有什么。導(dǎo)航很容易使用，旋轉(zhuǎn)效果在使用時(shí)將用戶的注意力引導(dǎo)到導(dǎo)航欄。隱藏導(dǎo)航還允許一個(gè)簡單，干凈的設(shè)計(jì)，使查看項(xiàng)目相當(dāng)愉快，因?yàn)轫?xiàng)目沒有競爭關(guān)注。

         

        您可能想知道的信息，例如Toybox的作用和位置，仍然可以在頂部的謹(jǐn)慎導(dǎo)航欄中找到。懸停效果也很有趣，因?yàn)槠渌麍D像被推回并隨著用戶關(guān)注一個(gè)項(xiàng)目而淡出。
 

        Olivier Bossel 一個(gè)互動(dòng)設(shè)計(jì)師Olivier Bossel的組合很有趣。當(dāng)您將鼠標(biāo)懸停在其上時(shí)，導(dǎo)航元素會(huì)產(chǎn)生爆炸像素的效果。效果是相當(dāng)動(dòng)態(tài)的，與其他干凈的設(shè)計(jì)形成對(duì)照。它作為一個(gè)視覺元素很好地工作，因?yàn)樗膭?lì)用戶繼續(xù)通過網(wǎng)站。一致的視覺語音和色調(diào)補(bǔ)充了品牌的身份。只要瀏覽網(wǎng)站，用戶就可以體驗(yàn)設(shè)計(jì)師的工作。
 

 

        設(shè)計(jì)機(jī)構(gòu)Tsto Tsto擁有簡單但非正統(tǒng)的設(shè)計(jì)方法; 它的導(dǎo)航與我們預(yù)期的不同。導(dǎo)航元素固定在屏幕的每個(gè)角落，構(gòu)圖正在展示的作品。視覺識(shí)別用重的熱粉紅色字母以及描述性信息創(chuàng)建。然而，層次結(jié)構(gòu)很清楚，左上角的“工作”選項(xiàng)卡以及頁面底部的“聯(lián)系人”和“關(guān)于”選項(xiàng)卡。與風(fēng)格保持一致，所展出的作品名稱與粉紅色相同。
 

 

        當(dāng)點(diǎn)擊工作，其中呈現(xiàn)像幻燈片，當(dāng)您將鼠標(biāo)懸停在箭頭上時(shí)，會(huì)顯示下一個(gè)項(xiàng)目的預(yù)覽。圖像大，占用大部分頁面。當(dāng)用戶點(diǎn)擊并查看大圖像時(shí)，他們可以清楚了解Tsto的身份和工作。

        Derek Boateng Derek Boateng的產(chǎn)品組合在加載時(shí)歡迎用戶禮貌的“嗨”，并且箭頭指示您向下滾動(dòng)。一般設(shè)計(jì)低估; 它不會(huì)喊你，而是輕輕地引導(dǎo)你完成工作。當(dāng)您從加載頁面向下滾動(dòng)時(shí)，標(biāo)題和導(dǎo)航縮小，從而為投資組合提供更多空間。這是一個(gè)很好的導(dǎo)航示例，它總是可以訪問的，但主要內(nèi)容也是中心舞臺(tái)。
 

 

       好ol'的水平滾動(dòng)！第二故事的網(wǎng)站就像平板電腦上的雜志應(yīng)用程序一樣。它是創(chuàng)新的，因?yàn)樗鼪]有一個(gè)典型的網(wǎng)頁的感覺，它水平滾動(dòng)。內(nèi)容按列排列，每個(gè)部分垂直滾動(dòng)。導(dǎo)航位于左側(cè)，有助于建立節(jié)奏。當(dāng)您查看該投資組合時(shí)，導(dǎo)航最小化到左側(cè)的酒吧，并在懸停時(shí)重新顯示。您可以選擇在縮略圖視圖或幻燈片中查看投資組合。

 

 

        主要是嚴(yán)重的， 因?yàn)樗拿郑琈ostly嚴(yán)重有一個(gè)玩的元素。通過設(shè)計(jì)為氣球浮動(dòng)的導(dǎo)航來迎接您。友好的動(dòng)畫在靜態(tài)網(wǎng)站上創(chuàng)建動(dòng)畫，并為品牌設(shè)置色調(diào)。當(dāng)您可以在任何階段回到主頁時(shí)，頁面底部會(huì)顯示一個(gè)細(xì)微的導(dǎo)航欄。該網(wǎng)站功能齊全，工作室有趣的個(gè)性。實(shí)際上，它讓我想起了從過去的好時(shí)光（EYE4U，任何人）的時(shí)髦的Flash動(dòng)畫，但是因?yàn)榫W(wǎng)站應(yīng)該是一個(gè)有趣的，它在這個(gè)上下文中很好。
 

        最小的猴子

        最小的猴子網(wǎng)站通過這個(gè)大膽簡單的設(shè)計(jì)滾動(dòng)文章，提醒我瀏覽書架。懸停效果為用戶提供了一個(gè)文章，專注于。該網(wǎng)站還為“關(guān)于”和“聯(lián)系”部分提供了一個(gè)聰明的設(shè)計(jì)：當(dāng)您單擊選項(xiàng)卡時(shí)，頁面將會(huì)下降以顯示信息。這是提供信息而不重定向到另一個(gè)頁面的簡單方法。

 

 

        但是，查看舊文章并不容易，因?yàn)闆]有搜索功能。如果用戶正在尋找一個(gè)特定的文章，他們將不得不滾動(dòng)找到它。搜索功能在沒有改變整體設(shè)計(jì)的情況下是有用的。

        LayerVault

        LayerVault網(wǎng)站令人驚奇的是，一個(gè)簡單，干凈的布局與俏皮的顏色和有趣的動(dòng)畫可以有什么影響。LayerVault平衡了空白和微妙的動(dòng)畫，以吸引用戶。動(dòng)畫可以用來說明一點(diǎn)，引導(dǎo)用戶通過網(wǎng)站，甚至來說明how-tos。動(dòng)畫并不總是這樣做，但是LayerVault會(huì)謹(jǐn)慎地應(yīng)用它，只有當(dāng)用戶正在瀏覽頁面的特定部分時(shí)。結(jié)果？一個(gè)布置良好的頁面，具有吸引人的插圖。

 

        逃生飛行

        逃生飛行是巧妙設(shè)計(jì)的，標(biāo)志動(dòng)畫作為一個(gè)頁面加載是新穎和時(shí)髦。導(dǎo)航固定在頂部，看起來像離開和到達(dá)板，好像你已經(jīng)在機(jī)場！下拉菜單看起來像一個(gè)旅行清單，這個(gè)主題很好。當(dāng)您點(diǎn)擊某個(gè)位置并向下滾動(dòng)時(shí)，所有重要信息仍然保持固定在頂部，使得訪問內(nèi)容更容易，更為舒適的無畏旅行者。
 

 

        使用驚艷的攝影，逃生飛行最大限度地發(fā)揮其空間。這正是你想從一個(gè)旅游網(wǎng)站。它讓您有一點(diǎn)等待的冒險(xiǎn)的味道，美麗地展示了驚人的目的地。當(dāng)您將目標(biāo)懸停在目的地時(shí)，您會(huì)發(fā)現(xiàn)您需要知道的是：機(jī)票價(jià)格，天氣條件，飛行時(shí)間和旅行時(shí)長。你還能要求什么呢？

        aSCIIaRENa 

        aSCIIaRENa 呼叫所有ASCII愛好者！90年代的aSCIIaRENa reeks。人們可以在墻上注冊(cè)和發(fā)布消息，提交自己的文字藝術(shù)，并在名人堂的壁上。
 

         Sartorialst

         Sartorialst 照片是本網(wǎng)站的焦點(diǎn)，更重要的是，網(wǎng)站使用的懸停效果非常優(yōu)雅; 標(biāo)題從側(cè)面滑入，再次滑動(dòng)，跟隨光標(biāo)。
 

        SilkTricky  

        SilkTricky 背后的人們正在打破現(xiàn)狀，他們的網(wǎng)站不放棄。在圖像上滑動(dòng)會(huì)產(chǎn)生有趣的效果。頁面上的移動(dòng)創(chuàng)建一個(gè)使用戶感興趣的活動(dòng)感。在這個(gè)單頁網(wǎng)站上，用戶不必從頁面到頁面進(jìn)行瀏覽。只需點(diǎn)擊“查看”，所選的文章就會(huì)隨著其他文章的轉(zhuǎn)移而折疊出來。這也是展示攝影組合的好方法。
 

         SumAll的布局是干凈的，沒有不必要的額外功能會(huì)分散用戶的注意力。懸停以簡單的低調(diào)方式顯示更多信息，而轉(zhuǎn)換是懸停效果的延伸。當(dāng)您點(diǎn)擊按鈕時(shí)，簡要信息和選項(xiàng)將顯示在下面。我很喜歡當(dāng)您點(diǎn)擊一個(gè)選項(xiàng)時(shí)，您不會(huì)重定向到另一個(gè)頁面; 相反，信息整齊地顯示在按鈕的下方。一個(gè)缺點(diǎn)：導(dǎo)航?jīng)]有響應(yīng)，看起來破碎，在較小的視圖無法訪問。
 

‘’

         Potluck網(wǎng)站展現(xiàn)出了極好的用戶體驗(yàn)。豐富的空白空間有助于用戶在需要時(shí)訪問所需的內(nèi)容。表單和按鈕具有清新美觀，使其易于識(shí)別和使用。文本和美麗的圖形都以引導(dǎo)用戶通過網(wǎng)站的方式進(jìn)行布局。按鈕和圖標(biāo)一起工作，所有的按鈕和輸入?yún)^(qū)域都保持一致和吸引力。這是一個(gè)很好的例子，說明一些精心挑選的排版和一個(gè)微妙，干凈的用戶界面在很大程度上吸引和欣賞用戶。

 

 

         單頁響應(yīng)布局工作相當(dāng)漂亮。Lowdi使用線條和形狀來設(shè)置頁面的各個(gè)部分，這是擺脫常規(guī)布局布局的好方法。我喜歡“訂單”按鈕的設(shè)計(jì)與線條和形狀相結(jié)合。這些元素有效地適應(yīng)了您的屏幕，并且設(shè)計(jì)保持了整個(gè)流程，這使得易于查看。

 

         BarCamp Omaha是一場在線邀請(qǐng)活動(dòng)。單頁工具通過一致的視覺主題有效地引導(dǎo)用戶通過敘述。所有關(guān)鍵的是什么，在哪里和什么時(shí)候信息在頁面的頂部，但設(shè)計(jì)促使用戶向下滾動(dòng)看看他們能找到什么。我真的很喜歡巧妙地整合Twitter和Facebook的圖標(biāo)。
 

 

 

         隨著用戶向下滾動(dòng)，系統(tǒng)提供了更多的信息，并且布局仍然整潔，簡潔，用粗體標(biāo)題。會(huì)議講座的類別用簡單的動(dòng)畫說明，以保持用戶的參與。一旦你向下滾動(dòng)建筑物并到達(dá)地面，聯(lián)系信息正在等待您，輕松訪問。

  
         Combadi
         Combadi 該網(wǎng)站一旦加載就感到安靜，這是精心設(shè)計(jì)的結(jié)果。雖然它沒有太多的空白，但它并不感到幽閉。標(biāo)簽展開懸停，提供更多信息和增強(qiáng)可用性。與其他元素一起，這種效果傳達(dá)了一種通風(fēng)，平靜的感覺。該設(shè)計(jì)反映了網(wǎng)站的詞匯，各種元素共同合作，實(shí)現(xiàn)了一致和一致的身份。
 

 

         懸停效應(yīng)不僅提供更多信息，而且還有助于網(wǎng)站的視覺吸引力。這個(gè)網(wǎng)站通過在你懸停在它上面展開圖像來做得相當(dāng)漂亮。圖像也從灰度變?yōu)槿?，帶有?biāo)題。效果相當(dāng)迷人。
 

          Lift

          Lift的網(wǎng)站上布置產(chǎn)品或物品時(shí)，很容易結(jié)束靜態(tài)目錄樣式視圖。Lift的簡單懸停效果旋轉(zhuǎn)書籍以顯示3-D版本。這個(gè)看似輕微而簡單的視覺效果真的讓網(wǎng)站更有趣。用戶感到他們參與并可以與網(wǎng)站進(jìn)行互動(dòng)。你也可以實(shí)現(xiàn)這個(gè)3-D的效果。
 

 

        ETCH

        本網(wǎng)站上的方形部分緊緊布局，但不要局促。左上角的導(dǎo)航空間很小，因?yàn)閳D標(biāo)用于各種類別。您可以通過單擊菜單圖標(biāo)來切換導(dǎo)航以在大視圖中顯示和隱藏。響應(yīng)式設(shè)計(jì)使得網(wǎng)站可以在任何設(shè)備上輕松訪問，而不會(huì)失去功能或品牌吸引力。

 

 

 

         網(wǎng)站感覺如何？有了這么多新鮮的想法來實(shí)現(xiàn)，我們不能忘記一個(gè)網(wǎng)站的個(gè)性還需要與用戶接觸。一個(gè)有效的網(wǎng)站應(yīng)該是創(chuàng)造性但用戶友好的。
 

         摩恩網(wǎng)絡(luò)(scshoes.cn)，是一家擁有十年網(wǎng)站建設(shè)與程序開發(fā)的公司，十年來致力于解決企業(yè)網(wǎng)絡(luò)服務(wù)問題，緊跟著網(wǎng)絡(luò)變化的步伐，為企業(yè)提供網(wǎng)絡(luò)科技服務(wù)。摩恩網(wǎng)絡(luò)是2014年由摩恩網(wǎng)絡(luò)推出的平臺(tái)式網(wǎng)站，平臺(tái)服務(wù)項(xiàng)目：網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、軟件開發(fā)、P2P網(wǎng)貸系統(tǒng)開發(fā)、網(wǎng)校系統(tǒng)開發(fā)、一元云購系統(tǒng)開發(fā)、O2O系統(tǒng)開發(fā)、VI應(yīng)用設(shè)計(jì)、商標(biāo)注冊(cè)、網(wǎng)絡(luò)營銷、印刷服務(wù)等項(xiàng)目。服務(wù)的企業(yè)超過3000+，與多家國內(nèi)知名企業(yè)合作，是您值得信賴的選擇。