薩瓦迪卡！一組令人感到親切的"Hello"主題網(wǎng)站設(shè)計

幾乎每個網(wǎng)站都有自己的Slogan或者說口號，作為網(wǎng)站的定位和價值觀輸出的一部分，它們常常拿來作為網(wǎng)站歡迎訪客的問候用語，是網(wǎng)站首頁設(shè)計的重要組成部分，也是完善打開體驗的重要手段。雖然我們更習(xí)慣使用圖片和視頻來強化網(wǎng)站視覺，但是用精心設(shè)計的短句和問候語會顯得更加親切也更富于儀式感，所傳遞出的信息也會更加清晰。在這種思路下，許多網(wǎng)站選擇只使用最簡單的Hello，來同網(wǎng)站訪客進(jìn)行問候。今天，我們搜集了一系列網(wǎng)站來為你展現(xiàn)其他的設(shè)計師都是如何向網(wǎng)站訪客問候“你好”的。

這些網(wǎng)站大都傾向于營造友好的氛圍，以優(yōu)雅而平易近人的姿態(tài)來傳遞情緒，這樣一來，即使是一個簡單的 Hello 都可以承載設(shè)計師的拳拳善意。接下來，我們一同看看這些案例。

Pixies Agency

這類網(wǎng)站通常有著大氣的布局，就像Pixies Agency這樣。黑色的背景可以看到城市的天際線，白色的文字在映襯下顯得非常顯著，加粗的 Hello 傳遞出設(shè)計者的意圖，給人沉穩(wěn)而對等的感覺。整個網(wǎng)站仿佛自帶BGM。

Michael Villeneuve

和前一個案例不一樣，Michael Villeneuve 顯得更加優(yōu)雅細(xì)膩，雖然整體色調(diào)同樣采用了黑白對比。漂亮的圖標(biāo)、線條感十足的字體讓頁面充滿了現(xiàn)代感，尤其當(dāng)網(wǎng)站的語言采用優(yōu)雅的法語的時候，這種感覺更加明顯。

Kalexiko

Kalexiko 首頁中模糊的背景中可以看到辦公室的倒影和靠座在辦公椅上的人影，網(wǎng)站給人一種務(wù)實的感覺，工作中的人影同網(wǎng)站的“Hello”讓人不禁將兩者聯(lián)系在一起，讓訪客感受到更為強烈的互動感。

Have You Met Janet

人物形象是讓網(wǎng)站的問候語顯得真實親切的重要著力點。Heve you met Janet 的網(wǎng)站的著陸頁干脆就將Janet 的形象直接擺放到首頁之上，當(dāng)你打開網(wǎng)站的時候，看著問候語不由得與網(wǎng)站產(chǎn)生真實的情感聯(lián)系。

Daniel Spatzek

Daniel Spatzek 的這個頁面將我們熟知的極簡主義融入到作品展示當(dāng)中來，整體風(fēng)格簡約又溫和，一個簡單的“Hi”和圖標(biāo)放置在首頁中間，充滿了現(xiàn)代藝術(shù)感，向下滾動，可以看到更多的內(nèi)容。

About Marco

這是一個葡萄牙設(shè)計師的個人網(wǎng)站，所以網(wǎng)站首頁所采用的問候語是葡萄牙語 “Ola”。暗色背景下很明顯是設(shè)計師工作室的場景，柔和的白色和背景色很好的構(gòu)成對比，但又不顯得突兀。

CK

CK的網(wǎng)站在文案的選取上顯得更加正式，加上經(jīng)典的黑白對比、紅色的點綴，網(wǎng)站的整個配比顯得剛剛合適。

Elespacio

Elespacio 在網(wǎng)頁設(shè)計上更講究標(biāo)準(zhǔn)化，語言上也更加得體，配合著時尚的圖形元素，使得整個版面顯得不是那么單調(diào)。

Studio Up

Studio UP 是我們曾經(jīng)推薦過好幾次的意大利網(wǎng)站，Ciao 是意大利語中的問候語，當(dāng)然，如果你切換到國際版的頁面，這個詞會換成Hello。網(wǎng)站的亮點是極簡的設(shè)計風(fēng)格和亮騷的配色。

Jacob Grubbe

Jacob Grubbe 是一個交互性極強的在線作品展示網(wǎng)站，如果用戶需要看到更多則需要通過些許操作來發(fā)掘這些隱藏信息。當(dāng)你開始輸入的時候，網(wǎng)站會自動的反饋給你信息，第一條信息就是一句問候語。這樣的設(shè)計很早就出現(xiàn)了，但是現(xiàn)在看來依然很時尚，也相當(dāng)有趣。

Ahoy

Ahoy的設(shè)計師很會把控目前的流行風(fēng)格，在網(wǎng)頁中加入了許多抓人眼球的動態(tài)元素，非常規(guī)的問候語“Ahoy”則顯得與用戶關(guān)系親昵，更加走心。

Wearegoat

Wearegoat 的首頁設(shè)計干凈清爽，一系列歡迎語散落在頁面上使得整體顯得并不單調(diào)。這些不同的歡迎用語在一個相對寬松的環(huán)境中，傳達(dá)出不同的意思，并吸引用戶的注意力。

Akaru

問候語還有一定的引導(dǎo)作用，Akaru 的首頁設(shè)計就比較豐滿，其中黑色的Hello 很好地將用戶引導(dǎo)到網(wǎng)站內(nèi)容上來，設(shè)計者的目標(biāo)很明確，問候只是開始，關(guān)鍵是要用戶注意到Akaru 的描述上來。

Jean-Baptiste Calzia

和上一個案例相似，網(wǎng)站的設(shè)計者重點在于引導(dǎo)用戶注意到網(wǎng)站的內(nèi)容和設(shè)計師本身的角色，而問候語則居于次席，用來引導(dǎo)用戶關(guān)注主要內(nèi)容。

Boy-Coy

Boy-Coy 的頁面所包含的元素相當(dāng)多，通常這種情況下用戶的注意力在其中是很容易分散的，不過設(shè)計師巧妙地運用配色和對比解決了這個問題，將社交媒體鏈接、吉祥物和那個巨大的Hello 突出地展現(xiàn)出來。

Green Splash

Green Splash 的頁面充滿了復(fù)古的氛圍，正在寫字的猩猩和蒸汽朋克風(fēng)的小孩兒盯著屏幕外的你，一個簡單的Hello 讓這種怪異而有趣的氛圍彌漫開來。

Getgonz

設(shè)計師希望網(wǎng)站的訪客能夠充分注意到他的名字，這種情況下一個簡單的自我介紹是最有效的。

Work

Work 這個網(wǎng)站當(dāng)中Banner圖是最吸引用戶注意力的，然后才是圖片下的Hello，所以它的作用更多地是營造友好的氛圍。

Binalogue

Binalogue 的頁面將所有的問候語集中到一塊，設(shè)計師成功地借助雙色對比將需要用戶注意到的字眼從一堆Welcome和Hola中區(qū)分出來。

RWS&Z

RWS&Z 也是一個很典型的現(xiàn)代簡約風(fēng)格的網(wǎng)站，從背景的選取到文案字體的選擇都很好地貼合了簡約的特征。

結(jié)語

Hello 這個詞很簡單，但卻是最有效的和用戶的溝通方式之一，因為它富有人情味，是情感化設(shè)計一種手段。一個簡單的問候有時候會讓網(wǎng)站的瀏覽者情緒一下子好起來，也許它會是促成用戶主動與你溝通的第一個契機。如何這種設(shè)計手法和你的網(wǎng)站屬性暗合，不妨試試。

【技多不壓身的設(shè)計師工資更高！】

1. 平面設(shè)計：《超贊！設(shè)計師完全自學(xué)指南》
2. 交互設(shè)計：《交互設(shè)計師修煉指南！教你從零開始成為優(yōu)秀交互設(shè)計師》
3. UI設(shè)計：《超實用新手指南！零基礎(chǔ)如何自學(xué)UI設(shè)計？》
4. 前端開發(fā)：《天貓高手來教你！零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開發(fā)？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
7. DPI指南：《基礎(chǔ)知識學(xué)起來！為設(shè)計師量身打造的DPI指南》
8. 交互設(shè)計自學(xué)路徑圖：《零基礎(chǔ)入門！給非科班生的自學(xué)路徑圖之交互設(shè)計篇》

原文地址：designmodo
原文作者：Nataly Birch
優(yōu)設(shè)譯文：@陳子木

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量108萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com