首頁(yè)

國(guó)慶干貨第一波!20個(gè)實(shí)用便捷的CSS3工具、庫(kù)及實(shí)例

藍(lán)藍(lán)設(shè)計(jì)的小編

編者按:坊間傳聞,有本CSS的高手煉成秘籍在江湖失傳已久,書中所載,多為的驚人技術(shù)與實(shí)例示范,是為集大成者,一旦學(xué)成,代碼效率猛增,功力提升數(shù)倍,今日偶獲,不敢怠慢,趕緊發(fā)到優(yōu)設(shè),望人人受益。說人話:好東西呀快來看呀!

在本列表中,。我們從多位藝術(shù)家那里搜集了驚人的例子,足以證明使用CSS,一切皆有可能。我們還收集了一些關(guān)于CSS 3的不可思議新功能的文章,以及一些有用的CSS庫(kù)。接下來的內(nèi)容會(huì)讓你目不轉(zhuǎn)睛,所以讓我們開始吧!

不可思議的CSS 3新功能:Tutorialzine.com

為了充分感受這些例子你需要的瀏覽器,比如Chrome。

UI設(shè)計(jì)師大禮包!2014年最全的ANDROID GUI模板和線框圖免費(fèi)下載

藍(lán)藍(lán)設(shè)計(jì)的小編

編者按:距離上次分享GUI模板有很長(zhǎng)時(shí)間了,這段時(shí)間里設(shè)計(jì)趨勢(shì)不斷變化,谷歌推出了的Android L以及全新的界面設(shè)計(jì),UI設(shè)計(jì)師又有得忙了,今天收集了一組實(shí)用的GUI模板和線框圖,包含的Android4.4,Material Design,Android 可穿戴設(shè)備等等,控件全面,拿來即用,建議收藏待用呦。

第一次印象的好壞,引導(dǎo)頁(yè)是如何做到的?

藍(lán)藍(lán)設(shè)計(jì)的小編

當(dāng)你第一次打開一款應(yīng)用的時(shí)候常常會(huì)看到精美的引導(dǎo)頁(yè)設(shè)計(jì),它們?cè)谀阄词褂卯a(chǎn)品之前提前告知你產(chǎn)品的主要功能與特點(diǎn),第一次印象的好壞會(huì)極大地影響到后續(xù)的產(chǎn)品使用體驗(yàn)。因此各個(gè)公司都在努力將這幾個(gè)頁(yè)面設(shè)計(jì)好,從一開始就引人入勝。那接下來我跟大家一起來探討關(guān)于引導(dǎo)頁(yè)的設(shè)計(jì)。

一、 目的區(qū)分

根據(jù)引導(dǎo)頁(yè)的目的、出發(fā)點(diǎn)不同,可以將其分為功能介紹類、使用說明類、推廣類、問題解決類,一般引導(dǎo)頁(yè)不會(huì)超過5頁(yè)。

1.功能介紹類

功能介紹類引導(dǎo)頁(yè)主要是對(duì)產(chǎn)品的主要功能進(jìn)行展示,讓用戶對(duì)產(chǎn)品主功能有一個(gè)大致的了解。采用的形式大多以文字配合界面、插圖的方式來展現(xiàn)。

以易信為例,采用文字與水彩插圖結(jié)合的方式,文字分為2個(gè)層次,大標(biāo)題與小標(biāo)題,大標(biāo)題是對(duì)主功能的概括,小文字是對(duì)其功能模塊的詳細(xì)描述或進(jìn)一步補(bǔ)充說明。

從“令人發(fā)指”的蘋果來看所謂的細(xì)節(jié)設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

什么是細(xì)節(jié)設(shè)計(jì)?在討論這個(gè)問題前先來看個(gè)案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,請(qǐng)隨便打開一個(gè)可以調(diào)出虛擬鍵盤的應(yīng)用「比如短信」。注意觀察鍵盤的最后一行,相信看這篇文章的人都是中文用戶,所以在你的 Space 鍵「空格鍵」左邊一定有 Globe 鍵「用于切換輸入法的那個(gè)小地球按鍵」和 Dictation 鍵「畫著麥克風(fēng)的語(yǔ)音輸入鍵」。然后去到 Settings「設(shè)置」- General「通用」- Keyboard「鍵盤」- Keyboards「鍵盤」,將除 English「英文」之外的輸入法全部移除后再回到之前的虛擬鍵盤,你就會(huì)得到下面的兩幅圖。

扁平化救星!頁(yè)面動(dòng)效能否拯救扁平設(shè)計(jì)?(附工具推薦)

藍(lán)藍(lán)設(shè)計(jì)的小編

編者按:動(dòng)效現(xiàn)在是扁平化身邊的大紅人,哪里都有它的身影,動(dòng)效能否為扁平化增光?設(shè)計(jì)師有什么利器可以繪制動(dòng)效?昨天發(fā)現(xiàn)一篇好文,關(guān)于這兩方面都有實(shí)在的干貨分享,建議同學(xué)們當(dāng)機(jī)立斷,先轉(zhuǎn)后贊,特別要記得看。

作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師,我們需要努力讓我們的技術(shù)與技巧與時(shí)俱進(jìn)。我們不用追隨每一個(gè)時(shí)代潮流(比如長(zhǎng)投影),但是我們的確需要隨著網(wǎng)絡(luò)的發(fā)展與成熟,不斷學(xué)習(xí)并提高我們的技巧。

網(wǎng)頁(yè)設(shè)計(jì)產(chǎn)業(yè)最近開始火熱的新發(fā)展之一便是動(dòng)效,越來越多的公司在他們的應(yīng)用和網(wǎng)站中放入動(dòng)效以取悅用戶,從競(jìng)爭(zhēng)對(duì)手中脫穎而出以及提升產(chǎn)品的可用性。

動(dòng)效需求如此之高的另一個(gè)原因在于網(wǎng)頁(yè)扁平化的潮流。扁平化設(shè)計(jì)整體來說是挺不錯(cuò)的,而且使得人們尋求新的方式來改善它為數(shù)不多的問題。

高手作品!21個(gè)布局超贊的歐美網(wǎng)頁(yè)設(shè)計(jì)模板PSD免費(fèi)下載

藍(lán)藍(lán)設(shè)計(jì)的小編

有時(shí)候看到有人說國(guó)外的網(wǎng)站風(fēng)格不適合用在國(guó)內(nèi),這是不對(duì)的,網(wǎng)頁(yè)重點(diǎn)是布局排版和配色,而歐美的網(wǎng)頁(yè)有很多創(chuàng)新的布局,配色也很棒,這些都可以參考,今天我們整理20+排版超贊的歐美網(wǎng)頁(yè)設(shè)計(jì)PSD模板,無論是新手或是進(jìn)階設(shè)計(jì)師都可以下載來學(xué)習(xí),還允許免費(fèi)商用呦!

下面一起來看看這組免費(fèi)的網(wǎng)站模板素材,有很多不同的行業(yè)類型供你參考噢!

日歷

鏈接

個(gè)人資料

存檔