首頁

國慶干貨第一波!20個實用便捷的CSS3工具、庫及實例

藍藍設(shè)計的小編

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

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

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

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

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

藍藍設(shè)計的小編

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

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

藍藍設(shè)計的小編

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

一、 目的區(qū)分

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

1.功能介紹類

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

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

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

藍藍設(shè)計的小編

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

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

藍藍設(shè)計的小編

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

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

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

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

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

藍藍設(shè)計的小編

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

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

日歷

鏈接

個人資料

存檔