抗鋸齒好像是開(kāi)始這篇文章最好的一個(gè)話題。在CS6以前的PS版本中，選擇抗鋸齒文字真的是在眾多不咋地的選項(xiàng)中唯一可選的。但是，幾個(gè)月前Adobe介紹了PS中兩個(gè)操作系統(tǒng)自帶的抗鋸齒選項(xiàng)：Mac和Mac LCD。這兩個(gè)抗鋸齒選項(xiàng)采用和系統(tǒng)文字抗鋸齒一樣的方式：“Mac”是Mac OSX里的灰度字體平滑抗鋸齒，“Mac LCD”則是子像素字體平滑抗鋸齒。

究竟什么是扁平化設(shè)計(jì)

對(duì)于沒(méi)接觸過(guò)的人來(lái)說(shuō)，“扁平化設(shè)計(jì)”是一種設(shè)計(jì)風(fēng)格術(shù)語(yǔ)，它拋棄任何能使得作品突顯3D效果的特性。通俗地說(shuō)，設(shè)計(jì)中不使用透視、紋理、陰影等效果。

設(shè)計(jì)師們?nèi)缃袼坪跽馄交L(fēng)格傾斜，因?yàn)檫@種風(fēng)格干凈利索，現(xiàn)代氣息濃郁，而且能讓設(shè)計(jì)師專注最重要的內(nèi)容和信息要素。這樣設(shè)計(jì)出來(lái)的作品不容易過(guò)時(shí)，而且看起來(lái)簡(jiǎn)潔、。

UI是User Interface（用戶界面）的縮寫，我們常常把用戶體驗(yàn)掛在嘴邊，而UI就是提升用戶體驗(yàn)的秘密武器。友好的用戶界面，可以實(shí)現(xiàn)用戶 與網(wǎng)站或者軟件之間更好的交互，讓軟件的操作變得更加舒適、更加人性化。可以毫不夸張的說(shuō)，UI決定了互聯(lián)網(wǎng)創(chuàng)業(yè)的成敗。那么，要如何才能針對(duì)自己的實(shí)際 情況設(shè)計(jì)出好的UI呢？

筆者認(rèn)為，做好UI設(shè)計(jì)，無(wú)外乎以下這六點(diǎn)：

一、清晰的界面往往會(huì)給用戶留下深刻印象

清晰的界面，這是每一個(gè)UI設(shè)計(jì)師都必須準(zhǔn)從的準(zhǔn)則。模糊不清，主題不明確的界面是不會(huì)引起用戶喜歡的。模糊的網(wǎng)站界面，會(huì)給用戶以混亂的錯(cuò)覺(jué)，這樣會(huì)很 容易引起疲勞。我們可以想一想，一個(gè)讓用戶反感的UI設(shè)計(jì)，是不是一件失敗的作品呢？因此，UI第一要素就是建立清晰界面的思維，從而將這種思維應(yīng)用到實(shí) 際開(kāi)發(fā)之中去。這將會(huì)在很大程度上提高用戶體驗(yàn)。

對(duì)話框（Dialog）是個(gè)好用又方便的工具，通常用來(lái)再三確認(rèn)使用者的操作動(dòng)作與決策，以避免一時(shí)的手誤或誤會(huì)操作動(dòng)作的意思，常用于重要?jiǎng)幼鞯拇_認(rèn)，例如：「你確定要?jiǎng)h除這個(gè)聯(lián)絡(luò)人嗎？」，但若對(duì)話框搭配了不適當(dāng)?shù)幕貞?yīng)選項(xiàng)文字，反而可能會(huì)造成使用者的困擾與誤解，有時(shí)還可能做了錯(cuò)誤的決定。

對(duì)話框最常見(jiàn)的不當(dāng)界面設(shè)計(jì)就是選項(xiàng)上的文字出現(xiàn)：「是（YES）與否（NO）」，回想在學(xué)生時(shí)期考試的時(shí)候，O與X在是非題中是唯二的兩個(gè)答案，而出題者會(huì)透過(guò)文字?jǐn)⑹錾险吹恼`導(dǎo)，來(lái)測(cè)驗(yàn)學(xué)生是否真的清楚了解，先不論這樣的測(cè)驗(yàn)方式到底對(duì)學(xué)習(xí)以及知識(shí)的建立到底有沒(méi)有明顯的幫助，使用者可不想在開(kāi)心的使用你的程式或服務(wù)時(shí)，還要小心翼翼的了解你對(duì)話框的內(nèi)容。

我們當(dāng)然可以細(xì)心的設(shè)計(jì)對(duì)話框中的文字，讓使用者清楚明了對(duì)話框的訊息，但是在大部分的情況下，我們幾乎根本不會(huì)逐字去閱讀訊息的內(nèi)容。那么藍(lán)藍(lán)設(shè)計(jì)告訴大家如何UI設(shè)計(jì)清楚明了的對(duì)話框。你必須要假設(shè)使用者除了對(duì)話框上的按鈕外，不會(huì)閱讀任何其他訊息（對(duì)話框的標(biāo)題或是訊息內(nèi)容）。

每當(dāng)你UI設(shè)計(jì)遇到一些瑣碎的雜事時(shí)，如果有一些現(xiàn)成的工具可以幫助你在短暫的時(shí)間內(nèi)，快速達(dá)到你想要的目的與結(jié)果，那對(duì)大家來(lái)說(shuō)應(yīng)該是非常棒的事情，對(duì)于網(wǎng)站設(shè)計(jì)師來(lái)說(shuō)也是有一些網(wǎng)路上實(shí)用的制作工具，那么今天藍(lán)藍(lán)設(shè)計(jì)今天分享一些網(wǎng)站設(shè)計(jì)實(shí)用線上制作工具，幫助你在短時(shí)間內(nèi)達(dá)成你想要的UI設(shè)計(jì)結(jié)果。

更多網(wǎng)站設(shè)計(jì)實(shí)用線上制作工具欣賞：http://363858.cn/

Min.us

優(yōu)秀的編碼和優(yōu)秀的UI設(shè)計(jì)之間是相輔相成的。不幸的是，視覺(jué)設(shè)計(jì)能力偏弱的人通常會(huì)覺(jué)得自己缺乏天賦，換句話說(shuō)，就是人們要么覺(jué)得自己具有出眾的美學(xué)天賦，要么就是這方面的白癡。對(duì)這個(gè)說(shuō)法，我可不敢茍同。

如果你在一個(gè)小團(tuán)隊(duì)里面身兼數(shù)職，卻又沒(méi)有多少美學(xué)基礎(chǔ)。又或者你覺(jué)得你們的項(xiàng)目在視覺(jué)上還有更多發(fā)揮的空間，那么這篇文章就是寫給你的。藍(lán)藍(lán)設(shè)計(jì)將談到傳統(tǒng)的5個(gè)消除丑陋藝術(shù)設(shè)計(jì)的元素和原則（或者至少能夠進(jìn)行一定程度的掩蓋）

1.來(lái)點(diǎn)留白

大多數(shù)的開(kāi)發(fā)者并不在意添加空白的像頁(yè)邊距，填充，行高，或者其他任何增加空白的CSS屬性。識(shí)別出開(kāi)發(fā)者設(shè)計(jì)的界面設(shè)計(jì)是很容易的：文本都是緊緊地挨著邊緣的，沒(méi)有任何留白，而且屏幕元素之間是通過(guò)直線來(lái)實(shí)現(xiàn)分割的，而不是空白。

隨著PC端、平板、智能手機(jī)等終端的發(fā)展，設(shè)備環(huán)境（系統(tǒng)平臺(tái)、屏幕尺寸、屏幕分辨率等）更加復(fù)雜，網(wǎng)頁(yè)界面設(shè)計(jì)展示需要考慮到各個(gè)終端的具體差異。

因此，響應(yīng)式設(shè)計(jì)受到了大家的推崇。今天藍(lán)藍(lán)設(shè)計(jì)文中的免費(fèi)的響應(yīng)式網(wǎng)站設(shè)計(jì)模板，希望能幫大家了解這種UI設(shè)計(jì)技術(shù)以及提高工作效率。

更多免費(fèi)的響應(yīng)式網(wǎng)站設(shè)計(jì)模板欣賞：http://363858.cn/

1、http://www.html5xcss3.com/2013/01/html5-template-txt.html

這個(gè)模板有一個(gè)主頁(yè)頁(yè)面以及一個(gè)博客頁(yè)面。可分為一列或兩列，你可以根據(jù)自己的意愿進(jìn)行設(shè)定。側(cè)邊欄的個(gè)數(shù)也可以自己自由設(shè)定。

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

這次，藍(lán)藍(lán)設(shè)計(jì)想探索一下那些逐漸發(fā)展起來(lái)的UI設(shè)計(jì)潮流。也許過(guò)去我們只是偶爾嘗試一下這些設(shè)計(jì)風(fēng)格，但是今年我們會(huì)真正關(guān)注它們。分享一下幫你完成創(chuàng)意十足的網(wǎng)站設(shè)計(jì)的小技巧。

更多網(wǎng)站設(shè)計(jì)技巧欣賞：http://363858.cn/

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

響應(yīng)式設(shè)計(jì)是當(dāng)前網(wǎng)站設(shè)計(jì)的趨勢(shì)，針對(duì)不同的設(shè)備，提供布局解決方案。
而且很多UI設(shè)計(jì)技術(shù)狂人正在不斷的進(jìn)行各種實(shí)驗(yàn)，爭(zhēng)取讓響應(yīng)式設(shè)計(jì)越來(lái)越好。

響應(yīng)式設(shè)計(jì)的難點(diǎn)是導(dǎo)航菜單界面設(shè)計(jì)?？刹荒芟窨s放頁(yè)面那樣縮放導(dǎo)航菜單。在界面設(shè)計(jì)之前，要謀劃好導(dǎo)航菜單在手機(jī)、平板、桌面上的布局。今天藍(lán)藍(lán)設(shè)計(jì)收集了25例出眾的響應(yīng)式設(shè)計(jì)，大家可以使用響應(yīng)式在線測(cè)試工具Responsinator來(lái)看看，他們的網(wǎng)站設(shè)計(jì)的導(dǎo)航菜單，是怎樣UI設(shè)計(jì)的。

Harvard University

現(xiàn)代網(wǎng)站設(shè)計(jì)技術(shù)的發(fā)展，使UI設(shè)計(jì)師的奇思妙想幾乎都能得到實(shí)現(xiàn)。特別是HTML5技術(shù)的支持，使網(wǎng)站界面設(shè)計(jì)發(fā)生了驚人的變化。今天藍(lán)藍(lán)設(shè)計(jì)收集了一組效果超贊的HTML5網(wǎng)站設(shè)計(jì)，希望能給你帶來(lái)UI設(shè)計(jì)靈感 ：）

更多靈感紛呈的HTML5網(wǎng)站設(shè)計(jì)欣賞：http://363858.cn/

 madebysource