對(duì)專注于游戲視覺的ui 設(shè)計(jì)師來說，除了不斷提升自己的界面設(shè)計(jì)修養(yǎng)和技能水準(zhǔn)，還要對(duì)游戲界的設(shè)計(jì)趨勢(shì)保持高度敏感。下面就是藍(lán)藍(lán)設(shè)計(jì)經(jīng)過整理的優(yōu)秀游戲網(wǎng)頁設(shè)計(jì)，是從Pmang、Hangame、Hanbiton、PlayNC韓國(guó)游戲公司站點(diǎn)截取的，希望能對(duì)你有所幫助：）

1.Kritika

關(guān)注人類心理學(xué)的一些研究是非常有意義的。通過對(duì)人類心理的推敲，我們討論人社會(huì)心理，這能夠幫助創(chuàng)業(yè)公司開拓市場(chǎng)，因?yàn)槭軞g迎的內(nèi)容和大眾心理有著最直接的關(guān)系。問題的關(guān)鍵是，很多心理學(xué)對(duì)于網(wǎng)站ui設(shè)計(jì)者有著很強(qiáng)的啟發(fā)性。心理學(xué)幫助網(wǎng)站開發(fā)者看清人們的思維如何運(yùn)作。今天，藍(lán)藍(lán)設(shè)計(jì)和大家分享幾條對(duì)網(wǎng)站設(shè)計(jì)師非常有益的建議。

1.太多的選擇等于沒有選擇。

根據(jù)Sheeya Iyengar教授的心理學(xué)研究，我們能夠洞察人們處理多重選擇時(shí)的心理變化?！斑x擇就是放棄”，Iyengar教授，《選擇的藝術(shù)》的作者這樣總結(jié)說。 社會(huì)心理學(xué)發(fā)現(xiàn)，當(dāng)人們面多過多選擇的時(shí)候，他們的表現(xiàn)非常相似：他們不會(huì)做任何選擇。這就是所謂的“安全選擇”。

結(jié)合到網(wǎng)站設(shè)計(jì)中：

太多需要用戶去點(diǎn)擊的東西，會(huì)讓人覺得混亂。就拿我自己的網(wǎng)站來說，當(dāng)我把兩側(cè)的工具欄撤掉一半之后，注冊(cè)的用戶大大增加。思考你的網(wǎng)站最終、最核心的目的，關(guān)注集中一點(diǎn)，刪掉無關(guān)緊要的點(diǎn)綴和內(nèi)容，直到你的內(nèi)容只剩下最本質(zhì)最重要的內(nèi)容，這樣你的用戶才愿意呆在這里。

2.網(wǎng)站訪問者讀寬屏文字更快，但他們喜歡短屏文字。

聽起來有些矛盾對(duì)么？根據(jù)Mary C. Dyson的“文章屏幕的寬度如何影響讀者心理”，這一實(shí)驗(yàn)，人們之所以喜歡看寬度較窄的文章是因?yàn)槟强雌饋砀娣恍?，可讀性更高。因?yàn)閯傞_始閱讀，讀 者對(duì)文章的內(nèi)容是不了解的，當(dāng)他們讀了幾行之后，他們可能會(huì)愿意讀些寬屏的文字，因?yàn)樗麄兡茏x得更快。

關(guān)于登陸估計(jì)大家每天使用的都很頻繁了，每次上網(wǎng)都會(huì)習(xí)慣性登陸下微博，淘寶，郵箱，空間等，在每天進(jìn)進(jìn)出出無數(shù)門戶的時(shí)候有誰又曾在密碼不錯(cuò)誤的情況下停留在WEB登陸頁面是的界面設(shè)計(jì)看一眼呢？下面藍(lán)藍(lán)設(shè)計(jì)就和朋友們就談?wù)勥@道不起眼的門。

從公共平臺(tái)的角度看

用戶活躍度是檢驗(yàn)產(chǎn)品成功與否的重要指標(biāo)之一，傳統(tǒng)行業(yè)的商家極為重視門面的裝潢，因?yàn)橐粋€(gè)好的門面可以聚集人氣，招攬更多的顧客。古時(shí)候的大戶人家院子門口的石獅子或其他的擺件的擺放極為講究，有一定的風(fēng)水學(xué)說道理，更能彰顯主人家的身份地位.由此可見，“門面’就如人的臉面之于人的形象一樣重要，而WEB的登錄頁面就相當(dāng)傳統(tǒng)的“門面”。

從個(gè)人博客的角度看

個(gè)人登陸頁面一般只有自己會(huì)用到，所以別人基本是看不到的，但也不排除像我一樣無聊什么都好奇的人存在，什么都想看看，什么都想改改的。那么個(gè)人登陸頁面的設(shè)計(jì)就完全是抒發(fā)個(gè)人情感，體現(xiàn)自身個(gè)性的一個(gè)地方，你完全不需要在乎它的交互是否友好等問題。你的地盤你做主。

各大網(wǎng)站的WEB登陸

現(xiàn)在越來越多的大型網(wǎng)站把登錄和首頁放在一起設(shè)計(jì)，由此可見登錄頁面的重要性，一個(gè)出彩的登錄界面，將提升產(chǎn)品的品質(zhì)，賦予產(chǎn)品獨(dú)特的氣質(zhì)，登錄界面也是一個(gè)發(fā)揮情感化設(shè)計(jì)，提升用戶體驗(yàn)，拉近與用戶之間距離的兵家必爭(zhēng)之地，本文不談趨勢(shì)，不講交互大道理，不涉及技術(shù)，就侃侃用戶登錄頁面的一些設(shè)計(jì)表現(xiàn)形式。希望這些設(shè)計(jì)表現(xiàn)手法能給大家?guī)硪恍﹩l(fā)和靈感。

今天藍(lán)藍(lán)設(shè)計(jì)想激勵(lì)大家獲得成就感和愉悅感，準(zhǔn)備和你們分享我的珍貴寶藏。
這一組網(wǎng)站的界面設(shè)計(jì)，定會(huì)幫助你克服你的網(wǎng)站ui設(shè)計(jì)創(chuàng)意空白檔期！
戳開鏈接，挨個(gè)品鑒它們吧。

藍(lán)藍(lán)設(shè)計(jì)推薦第5個(gè)網(wǎng)站設(shè)計(jì)，超炫的交互展示，配色也灰常棒！

1、My lapka

今天藍(lán)藍(lán)設(shè)計(jì)為大家搜集了20個(gè)精美的教育機(jī)構(gòu)的網(wǎng)站的界面設(shè)計(jì)，其中大部分是大學(xué)和高等教育機(jī)構(gòu)的網(wǎng)站設(shè)計(jì)。希望我們這次的收集能為正在做教育類網(wǎng)站的ui設(shè)計(jì)的你帶去些許靈感。

Washtenaw Community College

人非圣賢，孰能無過?；ヂ?lián)網(wǎng)產(chǎn)品面向的用戶群體是多種多樣的，不同的教育背景，不同的行為習(xí)慣，這些都使得用戶真實(shí)的操作和產(chǎn)品設(shè)計(jì)時(shí)的設(shè)想會(huì)出現(xiàn)一定的出入。

近些年，隨著移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來，用戶會(huì)在各種千奇百怪的應(yīng)用場(chǎng)景和環(huán)境中去使用產(chǎn)品。坐著還是躺著？在公交上還是在廁所里？處于安靜的環(huán)境還是嘈雜的環(huán)境？這些復(fù)雜多樣的使用場(chǎng)景使得針對(duì)用戶操作錯(cuò)誤而進(jìn)行的錯(cuò)誤反饋設(shè)計(jì)變得尤為重要。

產(chǎn)品錯(cuò)誤反饋設(shè)計(jì)舉例

有很多小型的服裝公司網(wǎng)站界面設(shè)計(jì)都交給一些富有個(gè)性，創(chuàng)意十足的ui設(shè)計(jì)師打理，可能他們的規(guī)模并不如大品牌那樣出眾，但這些網(wǎng)站設(shè)計(jì)的表現(xiàn)卻令人感到驚艷。今天藍(lán)藍(lán)設(shè)計(jì)收集了許多酷炫的服裝行業(yè)網(wǎng)站設(shè)計(jì)，來看下它們有哪些不俗的布局與驚喜的彩蛋吧。

Locals Apparel

UI（用戶界面設(shè)計(jì)）與UX（用戶體驗(yàn)）是密切聯(lián)系的，優(yōu)秀的UI界面設(shè)計(jì)首先就能從視覺上給用戶極好的體驗(yàn)，今天藍(lán)藍(lán)設(shè)計(jì)從Drrible和Behance上挑選了20套用戶體驗(yàn)超棒的UI界面設(shè)計(jì)，包括了睡眠APP、天氣APP等等，還有對(duì)Facebook、Instagram、Ebay等應(yīng)用的扁平化再設(shè)計(jì)，都非常棒呦！如果你正在設(shè)計(jì)UI界面，那么可得好好借鑒學(xué)習(xí)一下，希望能給你帶來靈感 : ）

1. Graph screen

這一次，藍(lán)藍(lán)設(shè)計(jì)給大家?guī)淼乃夭氖?5款很有吸引力的搜索框 PSD 界面設(shè)計(jì)，你可以免費(fèi)下載使用。有時(shí)候，搜索框容易被訪客忽視，因?yàn)槠浜?jiǎn)單和沒有吸引力的ui設(shè)計(jì)。如果這是你所面對(duì)的問題，那么我們會(huì)鼓勵(lì)你去看看在這個(gè)集合，并找出一些有追求的方法來提高搜索框的美觀。

Searchbox

為一本簡(jiǎn)易的UI模式參考書，《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》非常適合移動(dòng)應(yīng)用開發(fā)人員、UI設(shè)計(jì)師閱讀，還沒買的同學(xué)們可以看看這本書關(guān)于移動(dòng)UI設(shè)計(jì)中導(dǎo)航模式的經(jīng)驗(yàn)分享。

正如精良的設(shè)計(jì)一樣，優(yōu)秀的導(dǎo)航也大象無形。不管是瀏覽好友信息，還是租賃汽車，完美的導(dǎo)航界面設(shè)計(jì)能讓用戶根據(jù)直覺使用應(yīng)用程序，也能讓用戶非常容易地完成 所有任務(wù)。一款應(yīng)用的導(dǎo)航可以被設(shè)計(jì)成各種樣式，但藍(lán)藍(lán)設(shè)計(jì)想著重介紹６種主要的導(dǎo)航模式，也就是主菜單的導(dǎo)航模式。