不知大家有沒(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)略。

英文原文：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)"五大類(lèi)。

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ì)界存在一個(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ā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)不同，可以將其分為功能介紹類(lèi)、使用說(shuō)明類(lèi)、推廣類(lèi)、問(wèn)題解決類(lèi)，一般引導(dǎo)頁(yè)不會(huì)超過(guò)5頁(yè)。

1.功能介紹類(lèi)

功能介紹類(lèi)引導(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ō)明。

什么是細(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ì)得到下面的兩幅圖。

編者按：動(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)題。

iOS7在設(shè)計(jì)上會(huì)逐步傾向于立體感更強(qiáng)、略微增加特技效果、弱化按鈕圖層，直接使用文字作為按鈕。這種立體感設(shè)計(jì)首先體驗(yàn)在Passbook功能頁(yè)面上，后來(lái)增加到了Safari瀏覽器。現(xiàn)在iOS7Beta4的提醒功能也調(diào)整為豎向展示，之前是列表方式進(jìn)行展示的。

2008年10月22日，HTC（T-Mobile）G1正式在美國(guó)上市，拉來(lái)了Android的序幕。這款手機(jī)采用了獨(dú)特的滑動(dòng)屏幕設(shè)計(jì)，屏幕下隱藏著QWERTY全鍵盤(pán)，像iPhone一樣支持多點(diǎn)觸控功能。當(dāng)然，它也帶來(lái)了一些至今Android仍然沿用的設(shè)計(jì)元素，包括：

至于谷歌什么時(shí)候開(kāi)始有推進(jìn)情境智能的想法，該公司設(shè)計(jì)副總裁也記不清楚了。他說(shuō)道，在無(wú)縫連接谷歌所有產(chǎn)品時(shí)，這個(gè)想法自然就產(chǎn)生了，谷歌必須讓所有產(chǎn)品融入全新的可穿戴平臺(tái)。