頁面的加載時間是每一個UI設計師都擔心的數(shù)據(jù)，或者至少是每個界面設計師都應該擔心的問題。圖片的大小肯定是一個需要留意的問題。這就是藍藍設計為什么在這里寫了幾個有助于優(yōu)化頁面中的圖片的小技巧，這些小技巧將有助于大家解決這個問題，這些小技巧也可以在你需要優(yōu)化圖片的時候提供很多幫助。對你的網(wǎng)站設計有所幫助！

TinyPNG
TinyPNG是使用智能有損壓縮技術，來減小png圖片的大小。

的品牌在大型的企業(yè)集團公司中價值數(shù)十億美元。每個公司都應該努力創(chuàng)造一個品牌。由于建立網(wǎng)站通常是建立品牌的第一步，這里有幾種方法可以使你的網(wǎng)站給你的品牌增加價值。

簡潔幾乎總會出現(xiàn)在成功的故事中：這就是我們?nèi)祟惖臉幼?。我們可能會覺得有一些復雜，簡單可以緩和一些事情。也是一種把事情完成的方式。嘗試一些復雜的事情會降低你的成功率。保持你的網(wǎng)頁設計簡單。如果你是一個小企業(yè)，那么你只需要一對夫婦的做的網(wǎng)頁和博客（也可能是精心布置店面）。你不會需要大量的內(nèi)容。你當然不需要閃光燈。你會得到你想要的，不是嗎？下面藍藍設計和朋友們分享一下如何給你的網(wǎng)站設計增加品牌價值的方法，希望對大家的網(wǎng)站界面設計有所幫助！

網(wǎng)站是為別人而做，不是為了你

在過去十年中高品質(zhì)的網(wǎng)頁可用性一直是業(yè)內(nèi)討論的核心，因為它對用戶來說越來越重要。好的可用性也可以幫助建立品牌知名度，從而提升用戶對一個網(wǎng)站設計或者是一家公司的評價。今天人們依然高度關注可用性，是因為大大小小的公司已經(jīng)證明了好的可用性策略是多么重要。

在過去幾年中，良好的可用性成為那些成功的初創(chuàng)公司的核心。多數(shù)情況下，簡單的想法最具創(chuàng)造性，可用性主要是指：使一個功能或者產(chǎn)品易于使用，但同時也要保持產(chǎn)品質(zhì)量維持在高水平上。

如今，很多文章會談到普遍意義。在對該話題年復一年的討論之后，似乎UI設計者們?nèi)匀缓茈y去理解它?？捎眯栽缫巡辉偈且粋€玩笑，下面藍藍設計這些建議應當被打印出來并粘到你桌子對面的墻上。

鏈接的顏色

我經(jīng)常發(fā)現(xiàn)自己在瀏覽網(wǎng)頁時，有些頁面上的鏈接沒有以某種形式高亮顯示。這是我見過的最愚蠢的錯誤。我愿意訪問那些鏈接使用默認藍色的頁面，而不是鏈接和 普通文字一個顏色的頁面。用戶需要知道如何在頁面之間導航、在哪兒能點擊鏈接。你不能指望他們把鼠標一行行的掠過所有文字去找鏈接，直到發(fā)現(xiàn)鼠標箭頭變成 “小手兒”。

你有沒有經(jīng)歷過看到一個頁面的時候馬上就被它的界面設計吸引并且留下了深刻的印象呢？然后你進一步細看這個頁面發(fā)現(xiàn)真正使這個頁面變得神奇的是一些小細節(jié)，在藍藍設計這篇文章中我們將看到幾種把細節(jié)設計做到完美的頁面。

完美的像素線

Image Spark 的UI設計師用一個像素的線條來分割頂部導航，搜索輸入框，導航底欄。任何時候一個較淺的顏色緊挨著一個較深的顏色會使人出現(xiàn)有一個凸起的邊緣的錯覺。請注意這種線條只能比背景色稍微淺一點點。如果使用一條白線那將失去這種效果。

一周又過去了，藍藍設計這里收錄了最近國外精彩的網(wǎng)頁設計和手機App設計，不多說了，來享受這些精彩的界面設計創(chuàng)意之作吧！
 

JOBS: Le Film

我們都知道，好的界面設計需要UI設計師技巧高超、創(chuàng)意與眾不同。在任何設計中，設計技巧，也就是設計基本功是排在第一位的，然而還有很多其他技巧性的東西也不容忽視，比如說細節(jié)。對于設計師來說，細節(jié)太致命了，設計師必須高度關注細節(jié)，仔細推敲，盡可能的追求完美。
 
在這里，”對細節(jié)的把握”（關注細節(jié)）也是設計上的一種能力和技巧。盡管不是每個用戶都是一絲不茍、認真檢查設計中的細節(jié)，但UI設計師必須認真對待每一個環(huán)節(jié)。無論是前期準備，還是界面設計流程，以及后期的客戶交流，這些方面都要高度留心細節(jié)。有心的設計師會留意客戶說的每一句話，會分析出客戶真正的需求，會從中找到指引和線索，這樣在設計時，就很少出錯。因此，細節(jié)不僅僅是在設計上的，要面面俱到。

一、何為”關注細節(jié)的設計技巧”?

你瀏覽一款網(wǎng)站時，一般會迅速的對網(wǎng)站設計的外觀和使用感受做個評判，整體的界面設計風格是第一印象，能否引導用戶繼續(xù)閱讀取決于此。

金玉其外敗絮其中必然無法長久，功能性也是重要考量。推薦您也好好學習《網(wǎng)站用戶體驗的76個要點》
好的用戶體驗不僅僅關乎到功能性和設計美學，還需要考慮很多因素，和藍藍設計一起來看一下吧。

一致性

最重要的交互元素一定要友好，并且風格一致。

盡管在設計一款網(wǎng)站時，我們可以融入很多創(chuàng)新點和美學風格，但是一些經(jīng)常使用、且重要的元素，風格一定要一致，比如按鈕、鏈接、導航欄、表單等等。我建議可以多瀏覽一些電商網(wǎng)站，他們在這一點上做的就很棒，他們通常有很多的產(chǎn)品頁面，但是整體體驗卻相差不大，我們可以看看優(yōu)衣庫的網(wǎng)站。

texture在界面設計中應用已經(jīng)越發(fā)完善了。它將形成一種趨勢，簡單而有效的為web頁面設計添加幾分深度感。 充分發(fā)揮texture的威力是一份偉大的職責。它不僅能夠很好增強web設計的表現(xiàn)效果，對于設計師來說還是一個質(zhì)量上乘的好工具。它的美妙作用是可以引導瀏覽者的視線，強調(diào)關鍵元素的重要性。

然而，長期以往texture似乎總和“臟亂”或者“低劣”UI設計為伍，它的濫用處處可見，像樂隊的website等，對于設計師來說，它遺留下來的滋味可不怎么樣！。 也正是由于以前的濫用，texture的優(yōu)勢長期被人們所忽略。texture可以讓web設計更具整體感，但是前提是不要讓它滿屏皆是。

Texture（紋理）VS. Patterns（圖案）

在我們深入了解texture之前，先弄懂texture和pattern之間的區(qū)別。這兩個詞經(jīng)常被誤認為同義的。pattern通常是小的、重復的圖片元素，而texture更趨向于大一點的不重復的圖片。你可以想象兩個集合，左邊是pattern，右邊是texture，這兩個集合有一部分交集，也就是說在某些時候texture也是pattern。去tileabl這個網(wǎng)站逛一圈，也許你會有更清晰的印象。

今天藍藍設計送上一套非比尋常的紋理，可以見配圖，這些都是頂尖UI設計師經(jīng)常在界面設計中用到的紋理。特別適用于安卓蘋果的無線端應用，圖片都很大，(2560×1440)高清無碼，涵蓋了當前國際范中的所有流行紋理：從面料到金屬。

有很多學習UI設計的同學下載了紋理后知道如何平鋪使用，并且都分類羅列一目了然，可是在制作網(wǎng)站的時候卻不知道怎么用，總感覺利用不起來。

那么今天藍藍設計推薦30個運用紋理界面設計出眾的網(wǎng)站設計，希望對你有一定的啟發(fā):)

Hollister Co.