首頁(yè)

【文】聊聊2015流行的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)

用心設(shè)計(jì)

OK,也許你不打算打道回府。也許你有一個(gè)很好的理由不用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)?在過(guò)去的幾年里,響應(yīng)設(shè)計(jì)快速鞏固了自己作為網(wǎng)頁(yè)設(shè)計(jì)的新標(biāo)準(zhǔn)。當(dāng)然,也有爭(zhēng)論,但是沒(méi)人說(shuō),“讓我們擺脫響應(yīng)式設(shè)計(jì)吧”。實(shí)際上,越來(lái)越多的網(wǎng)站選擇響應(yīng)式的方向。2014年確實(shí)如此,2015年也還會(huì)繼續(xù)。這已經(jīng)不是種趨勢(shì),而是常態(tài)了。

2014 年 15 個(gè)海外品牌的 logo 變形記

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

不知大家有沒(méi)有注意到,今年 5 月份 Google 悄無(wú)聲息地?fù)Q了 logo。2014 年更換 logo 的企業(yè)其實(shí)不止 Google 一家,比起 Google 僅一個(gè)像素的微調(diào),有些企業(yè)的 logo 可以說(shuō)是改頭換面。logo 是企業(yè)的顏面,企業(yè)更新時(shí)必會(huì)吸引大量注意力,因此要隨即制定與大眾注意力緊密相關(guān)的戰(zhàn)略。

唱吧:用戶日活600萬(wàn) 推“變色龍”作新logo

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

英文原文:10 Great Sites for Learning Graphic Design


網(wǎng)易科技訊 10月16日消息,<A style="BORDER-BOTTOM: medium none; TEXT-ALIGN: justify; BORDER-LEFT: medium none; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(246,246,246); TEXT-INDENT: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; LETTER-SPACING: normal; FONT: 18px/30px Oxygen, Arial, 'Hiragino Sans GB ', 'Microsoft YaHei', 微軟雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif; WHITE-SPACE: normal; COLOR: rgb(50,97,163); BORDER-TOP: medium none; BORDER-RIGHT: medium none; WORD-SPACING: 0px; TEXT-DECORATION: none; -webkit-text-stroke-width: 0px" onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/唱吧?s=9')" href="javascript:void(0);" ,="">唱吧<A style="BORDER-BOTTOM: medium none; TEXT-ALIGN: justify; BORDER-LEFT: medium none; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(246,246,246); TEXT-INDENT: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; LETTER-SPACING: normal; FONT: 18px/30px Oxygen, Arial, 'Hiragino Sans GB ', 'Microsoft YaHei', 微軟雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif; WHITE-SPACE: normal; COLOR: rgb(50,97,163); BORDER-TOP: medium none; BORDER-RIGHT: medium none; WORD-SPACING: 0px; TEXT-DECORATION: none; -webkit-text-stroke-width: 0px" onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/ios?s=9')" href="javascript:void(0);" ,="">ios<A style="BORDER-BOTTOM: medium none; TEXT-ALIGN: justify; BORDER-LEFT: medium none; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(246,246,246); TEXT-INDENT: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; LETTER-SPACING: normal; FONT: 18px/30px Oxygen, Arial, 'Hiragino Sans GB ', 'Microsoft YaHei', 微軟雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif; WHITE-SPACE: normal; COLOR: rgb(50,97,163); BORDER-TOP: medium none; BORDER-RIGHT: medium none; WORD-SPACING: 0px; TEXT-DECORATION: none; -webkit-text-stroke-width: 0px" onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/安卓?s=9')" href="javascript:void(0);" ,="">安卓兩大平臺(tái)上線6 .0版本,并推出"變色龍"作為新logo,從產(chǎn)品功能和UI設(shè)計(jì)上更符合<A style="BORDER-BOTTOM: medium none; TEXT-ALIGN: justify; BORDER-LEFT: medium none; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(246,246,246); TEXT-INDENT: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; LETTER-SPACING: normal; FONT: 18px/30px Oxygen, Arial, 'Hiragino Sans GB ', 'Microsoft YaHei', 微軟雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif; WHITE-SPACE: normal; COLOR: rgb(50,97,163); BORDER-TOP: medium none; BORDER-RIGHT: medium none; WORD-SPACING: 0px; TEXT-DECORATION: none; -webkit-text-stroke-width: 0px" onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/90后?s=9')" href="javascript:void(0);" ,="">90后、00后的使用習(xí)慣。

在6.0版本的頁(yè)面,除了容納地區(qū)榜單,還涵蓋了包房K歌秀、優(yōu)質(zhì)MV、動(dòng)聽(tīng)單曲等內(nèi)容,同時(shí),菜單頁(yè)也直接簡(jiǎn)化在頁(yè)面最下方展示,僅僅分為"我的唱吧"、"精彩表演"、"唱歌"、"聊天"和"發(fā)現(xiàn)"五大類。

全球創(chuàng)意設(shè)計(jì)TOP100作品展等你“尋寶”

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

2014成都<A onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/創(chuàng)意設(shè)計(jì)?s=9')" style="FONT-SIZE: 1em; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; COLOR: rgb(50,97,163); OUTLINE-WIDTH: medium; OUTLINE-STYLE: none; BORDER-LEFT: medium none; OUTLINE-COLOR: invert; LINE-HEIGHT: 1.7" href="javascript:void(0);" ,="">創(chuàng)意設(shè)計(jì)周在世紀(jì)城新國(guó)際會(huì)展中心拉開(kāi)帷幕,大家期待已久的“全球創(chuàng)意設(shè)計(jì)TOP100作品展”也隨之拉開(kāi)神秘面紗,面向國(guó)內(nèi)外征選的100件優(yōu)秀創(chuàng)意設(shè)計(jì)產(chǎn)品閃亮登場(chǎng)。

參展作品都頭頂光環(huán),由國(guó)際國(guó)內(nèi)知名設(shè)計(jì)大獎(jiǎng)獲獎(jiǎng)作品與國(guó)際設(shè)計(jì)大師作品共同構(gòu)成,達(dá)到國(guó)際一流設(shè)計(jì)水平。與此同時(shí),改變了眾多圖片<A onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/展覽?s=9')" style="FONT-SIZE: 1em; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; COLOR: rgb(50,97,163); OUTLINE-WIDTH: medium; OUTLINE-STYLE: none; BORDER-LEFT: medium none; OUTLINE-COLOR: invert; LINE-HEIGHT: 1.7" href="javascript:void(0);" ,="">展覽看得見(jiàn)摸不著的遺憾,悉數(shù)以實(shí)物產(chǎn)品亮相,與觀眾親密接觸?!叭騽?chuàng)意設(shè)計(jì)TOP100作品展”位于世紀(jì)城新國(guó)際會(huì)展中心1號(hào)館核心展區(qū)。進(jìn)入這個(gè)展區(qū),人們就已經(jīng)從參觀者變?yōu)檎怪腥?,一路從開(kāi)放的街道實(shí)景走到半封閉的展品區(qū)域,頗有探秘尋寶的意味

別再自命不凡了,設(shè)計(jì)師

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

設(shè)計(jì)界存在一個(gè)問(wèn)題。這不是薪酬水平的不平等,或者崗位的差距,也不是童工問(wèn)題,但它確實(shí)是個(gè)問(wèn)題。


設(shè)計(jì)師當(dāng)中有一種自命不凡的流行病。有些人只沾染了一點(diǎn)點(diǎn),體現(xiàn)為一種諷刺的憤世嫉俗。還有些完全是太把自己當(dāng)回事了,并且對(duì)此毫不自知。


不論哪種,是時(shí)候結(jié)束這樣的局面了。沒(méi)錯(cuò),我在呼吁這些設(shè)計(jì)師別再自命不凡


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

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

當(dāng)你第一次打開(kāi)一款應(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ì)好,從一開(kāi)始就引人入勝。那接下來(lái)我跟大家一起來(lái)探討關(guān)于引導(dǎo)頁(yè)的設(shè)計(jì)。

一、 目的區(qū)分

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

1.功能介紹類

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

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

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

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

什么是細(xì)節(jié)設(shè)計(jì)?在討論這個(gè)問(wèn)題前先來(lái)看個(gè)案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,請(qǐng)隨便打開(kāi)一個(gè)可以調(diào)出虛擬鍵盤(pán)的應(yīng)用「比如短信」。注意觀察鍵盤(pán)的最后一行,相信看這篇文章的人都是中文用戶,所以在你的 Space 鍵「空格鍵」左邊一定有 Globe 鍵「用于切換輸入法的那個(gè)小地球按鍵」和 Dictation 鍵「畫(huà)著麥克風(fēng)的語(yǔ)音輸入鍵」。然后去到 Settings「設(shè)置」- General「通用」- Keyboard「鍵盤(pán)」- Keyboards「鍵盤(pán)」,將除 English「英文」之外的輸入法全部移除后再回到之前的虛擬鍵盤(pán),你就會(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è)最近開(kāi)始火熱的新發(fā)展之一便是動(dòng)效,越來(lái)越多的公司在他們的應(yīng)用和網(wǎng)站中放入動(dòng)效以取悅用戶,從競(jìng)爭(zhēng)對(duì)手中脫穎而出以及提升產(chǎn)品的可用性。

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

日歷

鏈接

個(gè)人資料

存檔