作為一名設(shè)計(jì)師，每年都會(huì)沉浸在一些新的設(shè)計(jì)趨勢(shì)中興奮不已。接下來(lái)，藍(lán)藍(lán)設(shè)計(jì)將探尋2014年的界面設(shè)計(jì)趨勢(shì)，這絕對(duì)是意義非凡的事情。Web設(shè)計(jì)師必須洞悉所有相關(guān)領(lǐng)域的新趨勢(shì)，緊跟時(shí)尚潮流。

這些新趨勢(shì)讓設(shè)計(jì)變得妙趣橫生。但是很多專(zhuān)家還會(huì)倡導(dǎo)那些并非最時(shí)髦、最震撼世界的ui設(shè)計(jì)。當(dāng)然，響應(yīng)式設(shè)計(jì)不僅去年是熱點(diǎn)，今年依然還會(huì)被人們重視。同樣，柵格化設(shè)計(jì)作為最基本的設(shè)計(jì)，也會(huì)被繼續(xù)延續(xù)下去。

這次，我想探索一下那些逐漸發(fā)展起來(lái)的設(shè)計(jì)潮流。也許過(guò)去我們只是偶爾嘗試一下這些設(shè)計(jì)風(fēng)格，但是今年我們會(huì)真正關(guān)注它們。

更多留白/負(fù)空間

藍(lán)藍(lán)設(shè)計(jì)是從職場(chǎng)方面分享一些展示設(shè)計(jì)方案的經(jīng)驗(yàn)，如何使甲方看懂你的界面設(shè)計(jì)也是門(mén)學(xué)問(wèn)，如果你是ui設(shè)計(jì)新手，也可以在《PS新手教程：變換角度！讓你的設(shè)計(jì)稿更上檔次》學(xué)到好東西。

像一個(gè)常勝將軍一樣信心十足的展示你的線框圖

在我兼職制作 UXPin（用戶(hù)體驗(yàn)設(shè)計(jì)平臺(tái)）之前我一直都是全職做著 UX Designer和UX Manager。興奮的創(chuàng)作過(guò)程和臭名昭著的壓力交錯(cuò)在我的生活里，而且讓人感覺(jué)最殘酷的事情就是被拒絕的感覺(jué)。

產(chǎn)品設(shè)計(jì)的原則有點(diǎn)太泛哈，藍(lán)藍(lán)設(shè)計(jì)這里想結(jié)合自己的工作心得來(lái)小結(jié)一下手機(jī)無(wú)線設(shè)計(jì)8原則：

原則1：用戶(hù)界面應(yīng)該是基于用戶(hù)的心里模型，而不是基于工程實(shí)現(xiàn)模型

就是把后臺(tái)本來(lái)很復(fù)雜的事情通過(guò)設(shè)計(jì)符合用戶(hù)日常生活中常用的瀏覽方式或操作方式。其實(shí)這一點(diǎn)是設(shè)計(jì)師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點(diǎn)，用戶(hù)的心理模型抓的越準(zhǔn)，界面就會(huì)越優(yōu)秀。

#左邊界面#：大眾點(diǎn)評(píng)新版的價(jià)格的搜索就比之前改得更符合用戶(hù)心里模型；

排版的基本功大家掌握多少呢，那么今天藍(lán)藍(lán)設(shè)計(jì)就和朋友們分享一下收集到的排版的10個(gè)基本功，希望對(duì)朋友們的ui設(shè)計(jì)有所幫助！

1、多花些時(shí)間

挑選合適的字體需要花費(fèi)大量時(shí)間。但是不要一遍又一遍地讓自己陷入對(duì)同一類(lèi)型的字體挑選中。因?yàn)槿藗兺?xí)慣于從自己熟悉的字體或者偏愛(ài)的字體開(kāi)始。多花些時(shí)間去發(fā)現(xiàn)探索新的類(lèi)型，這樣你才能慢慢地發(fā)現(xiàn)自己對(duì)一種字體的細(xì)微差別的敏銳度，真正地讓字體自己告訴你合適不合適。

2、不要使用過(guò)多的字體

如果你的一個(gè)頁(yè)面里有十種不同的字體，那么你的排版一定會(huì)很難看。控制自己使用越少的字體，將會(huì)讓你的頁(yè)面脫穎而出。同時(shí)你也可以在字體的大小、重量和其它方面創(chuàng)造更多的對(duì)比變化。

3、不要盲目趕潮流

一、門(mén)票：大門(mén)票產(chǎn)生大印象

讀者特利發(fā)給我們一張他設(shè)計(jì)的洗車(chē)券，這張洗車(chē)券是他希望為他兒子的游泳隊(duì)籌集在游泳池訓(xùn)練的各種費(fèi)用而舉行的一次洗車(chē)籌款，而它的有趣之處就在于其尺寸相當(dāng)搶眼：

沒(méi)有人會(huì)對(duì)它視而不見(jiàn)：這張洗車(chē)券是一般門(mén)票尺寸的兩倍之大，界面設(shè)計(jì)起來(lái)也很容易，從視覺(jué)上也非常能吸引有興趣的消費(fèi)者。大圖片及大標(biāo)題使這張洗車(chē)券產(chǎn)生一張海報(bào)的視覺(jué)效果，效果當(dāng)然不錯(cuò)。

PS是ui設(shè)計(jì)領(lǐng)域最著名的軟件之一，是修圖、美顏的神器不二神器。作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，我早在學(xué)校里就學(xué)過(guò)PS，制作過(guò)許多網(wǎng)站設(shè)計(jì)、界面設(shè)計(jì)案例，不過(guò)我已經(jīng)畢業(yè)兩年了…歲月如刀，刀刀催人老啊…現(xiàn)今的PS不斷進(jìn)化，衍生出了很多新的功能，而我呢，也跟著PS一同成長(zhǎng)，學(xué)到了不少新知識(shí)~ 那么朋友們和藍(lán)藍(lán)設(shè)計(jì)一起學(xué)習(xí)這8個(gè)不簡(jiǎn)單的PS小技巧吧！

不是經(jīng)常有同學(xué)問(wèn)去哪里尋找網(wǎng)頁(yè)界面設(shè)計(jì)的靈感么？告訴你吧，就是在這些網(wǎng)頁(yè)靈感畫(huà)廊里喲！用靈動(dòng)的CSS打造的靈感畫(huà)廊遍及網(wǎng)絡(luò)，已有十多年的歷史，在浩瀚如海的網(wǎng)頁(yè)圖集中，總有某些站點(diǎn)觸動(dòng)著網(wǎng)頁(yè)設(shè)計(jì)師的深處，激發(fā)著他們的靈感。本文試圖對(duì)這些充滿(mǎn)靈感的畫(huà)廊網(wǎng)站進(jìn)行匯總。這些采用CSS3+HTML5制作的一流網(wǎng)站，通常都有專(zhuān)門(mén)的主題或者特定的內(nèi)容形式，均遵循了響應(yīng)式設(shè)計(jì)和移動(dòng)至上的理念。

藍(lán)藍(lán)設(shè)計(jì)這里收集了許多例風(fēng)格精美、內(nèi)容豐富的CSS靈感畫(huà)廊，每一個(gè)網(wǎng)站都很專(zhuān)業(yè)，收集了各式各樣的優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)。
ui設(shè)計(jì)師經(jīng)常需要尋找資源，圖像、素材、靈感都是不可或缺的。不妨閑暇時(shí)間看看這些畫(huà)廊，相信一定能夠啟發(fā)靈感應(yīng)用到到你的界面設(shè)計(jì)中。

RWD JP

互聯(lián)網(wǎng)信息時(shí)代，很多內(nèi)容為主的網(wǎng)站都信息過(guò)載，這導(dǎo)致了載入速度過(guò)慢。電商網(wǎng)站如此，新聞?lì)惥W(wǎng)站也是如此，而一些設(shè)計(jì)師作品集網(wǎng)站或者設(shè)計(jì)機(jī)構(gòu)的網(wǎng)站也是如此，老實(shí)說(shuō)，作為設(shè)計(jì)師，應(yīng)該避免信息過(guò)載現(xiàn)象的出現(xiàn)。而一旦你掌握這些技巧，那么你離高薪酬的資深ui設(shè)計(jì)師也就不遠(yuǎn)咯。

內(nèi)容主導(dǎo)的頁(yè)面布局會(huì)自然而然的繁雜、問(wèn)題多，設(shè)計(jì)這種網(wǎng)站的過(guò)程，也是一個(gè)艱難的挑戰(zhàn)，而且網(wǎng)站設(shè)計(jì)擁有者的目的是想給用戶(hù)提供更多的信息，信息會(huì)越來(lái)越多。當(dāng)然，可以聽(tīng)聽(tīng)專(zhuān)家指導(dǎo)，堅(jiān)持一些亙古不變的界面設(shè)計(jì)原則，來(lái)確保布局的組織良好和架構(gòu)分明，這就能減少很多不必要的繁雜。

今天藍(lán)藍(lán)設(shè)計(jì)涵蓋了一堆信息量大，但是卻不雜亂的網(wǎng)頁(yè)設(shè)計(jì)，具備愉悅的即視感。不吹牛，您可以挨個(gè)點(diǎn)看感受一下：）

Action Film 
相當(dāng)復(fù)雜的網(wǎng)站，但是在布局上很聰明將一堆小視頻組織的條理分明。登錄頁(yè)分成好幾條線，是的多媒體側(cè)邊欄。

想學(xué)習(xí)做時(shí)尚網(wǎng)站設(shè)計(jì)嗎？購(gòu)物網(wǎng)站、時(shí)尚作品集、時(shí)尚部落格或者雜志都可以呦，這些網(wǎng)站的界面設(shè)計(jì)一個(gè)特點(diǎn)就是——都灰常受歡迎。怎么樣，你也心癢癢了吧？藍(lán)藍(lán)設(shè)計(jì)相信在你看這篇文章的同時(shí)，就已經(jīng)下定決心做一個(gè)自己的時(shí)尚網(wǎng)站，所以話不多說(shuō)，直奔主題。今天要跟大家分享的是關(guān)于設(shè)計(jì)時(shí)尚網(wǎng)頁(yè)設(shè)計(jì)的一些知識(shí)，希望你能有所收獲~

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

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

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