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

網易科技訊 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);" ,="">安卓兩大平臺上線6 .0版本，并推出"變色龍"作為新logo，從產品功能和UI設計上更符合<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后的使用習慣。

在6.0版本的頁面，除了容納地區榜單，還涵蓋了包房K歌秀、優質MV、動聽單曲等內容，同時，菜單頁也直接簡化在頁面最下方展示，僅僅分為"我的唱吧"、"精彩表演"、"唱歌"、"聊天"和"發現"五大類。

2014成都<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);" ,="">創意設計周在世紀城新國際會展中心拉開帷幕，大家期待已久的“全球創意設計TOP100作品展”也隨之拉開神秘面紗，面向國內外征選的100件優秀創意設計產品閃亮登場。

參展作品都頭頂光環，由國際國內知名設計大獎獲獎作品與國際設計大師作品共同構成，達到國際一流設計水平。與此同時，改變了眾多圖片<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);" ,="">展覽看得見摸不著的遺憾，悉數以實物產品亮相，與觀眾親密接觸。“全球創意設計TOP100作品展”位于世紀城新國際會展中心1號館核心展區。進入這個展區，人們就已經從參觀者變為展中人，一路從開放的街道實景走到半封閉的展品區域，頗有探秘尋寶的意味

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

設計師當中有一種自命不凡的流行病。有些人只沾染了一點點，體現為一種諷刺的憤世嫉俗。還有些完全是太把自己當回事了，并且對此毫不自知。

不論哪種，是時候結束這樣的局面了。沒錯，我在呼吁這些設計師別再自命不凡

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

一、 目的區分

根據引導頁的目的、出發點不同，可以將其分為功能介紹類、使用說明類、推廣類、問題解決類，一般引導頁不會超過5頁。

1.功能介紹類

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

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

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

編者按：動效現在是扁平化身邊的大紅人，哪里都有它的身影，動效能否為扁平化增光？設計師有什么利器可以繪制動效？昨天發現一篇好文，關于這兩方面都有實在的干貨分享，建議同學們當機立斷，先轉后贊，特別要記得看。

作為一個網頁設計師，我們需要努力讓我們的技術與技巧與時俱進。我們不用追隨每一個時代潮流（比如長投影），但是我們的確需要隨著網絡的發展與成熟，不斷學習并提高我們的技巧。

網頁設計產業最近開始火熱的新發展之一便是動效，越來越多的公司在他們的應用和網站中放入動效以取悅用戶，從競爭對手中脫穎而出以及提升產品的可用性。

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

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

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

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

在傳統的網頁開發乃至現在針對移動設備所做的設計，復雜炫目的效果對產品而言未必是一個好的選擇。

　　尤其在移動設備上，過于復雜的效果非但很少能為應用吸引用戶，反而時常讓用戶在視覺上產生疲勞，對產品界面中最基本的功能產生認知上的障礙。因此我們在設計中就需要參考“扁平化”的美學。