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

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ì)城新國際會(huì)展中心拉開帷幕，大家期待已久的“全球創(chuàng)意設(shè)計(jì)TOP100作品展”也隨之拉開神秘面紗，面向國內(nèi)外征選的100件優(yōu)秀創(chuàng)意設(shè)計(jì)產(chǎn)品閃亮登場(chǎng)。

參展作品都頭頂光環(huán)，由國際國內(nèi)知名設(shè)計(jì)大獎(jiǎng)獲獎(jiǎng)作品與國際設(shè)計(jì)大師作品共同構(gòu)成，達(dá)到國際一流設(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);" ,="">展覽看得見摸不著的遺憾，悉數(shù)以實(shí)物產(chǎn)品亮相，與觀眾親密接觸。“全球創(chuàng)意設(shè)計(jì)TOP100作品展”位于世紀(jì)城新國際會(huì)展中心1號(hào)館核心展區(qū)。進(jìn)入這個(gè)展區(qū)，人們就已經(jīng)從參觀者變?yōu)檎怪腥耍宦窂拈_放的街道實(shí)景走到半封閉的展品區(qū)域，頗有探秘尋寶的意味

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

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

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

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

一、 目的區(qū)分

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

1.功能介紹類

功能介紹類引導(dǎo)頁主要是對(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ǔ)充說明。

什么是細(xì)節(jié)設(shè)計(jì)？在討論這個(gè)問題前先來看個(gè)案例。如果你手里恰巧有 iPhone 4s / 5 / 5s，請(qǐng)隨便打開一個(gè)可以調(diào)出虛擬鍵盤的應(yīng)用「比如短信」。注意觀察鍵盤的最后一行，相信看這篇文章的人都是中文用戶，所以在你的 Space 鍵「空格鍵」左邊一定有 Globe 鍵「用于切換輸入法的那個(gè)小地球按鍵」和 Dictation 鍵「畫著麥克風(fēng)的語音輸入鍵」。然后去到 Settings「設(shè)置」- General「通用」- Keyboard「鍵盤」- Keyboards「鍵盤」，將除 English「英文」之外的輸入法全部移除后再回到之前的虛擬鍵盤，你就會(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)頁設(shè)計(jì)師，我們需要努力讓我們的技術(shù)與技巧與時(shí)俱進(jìn)。我們不用追隨每一個(gè)時(shí)代潮流（比如長(zhǎng)投影），但是我們的確需要隨著網(wǎng)絡(luò)的發(fā)展與成熟，不斷學(xué)習(xí)并提高我們的技巧。

網(wǎng)頁設(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)頁扁平化的潮流。扁平化設(shè)計(jì)整體來說是挺不錯(cuò)的，而且使得人們尋求新的方式來改善它為數(shù)不多的問題。

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

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

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

在傳統(tǒng)的網(wǎng)頁開發(fā)乃至現(xiàn)在針對(duì)移動(dòng)設(shè)備所做的設(shè)計(jì)，復(fù)雜炫目的效果對(duì)產(chǎn)品而言未必是一個(gè)好的選擇。

　　尤其在移動(dòng)設(shè)備上，過于復(fù)雜的效果非但很少能為應(yīng)用吸引用戶，反而時(shí)常讓用戶在視覺上產(chǎn)生疲勞，對(duì)產(chǎn)品界面中最基本的功能產(chǎn)生認(rèn)知上的障礙。因此我們?cè)谠O(shè)計(jì)中就需要參考“扁平化”的美學(xué)。