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

藍(lán)藍(lán)設(shè)計(jì)( m.cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源：http://www.w2bc.com/Article/9126

藍(lán)藍(lán)設(shè)計(jì)( m.cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源：http://www.w3cfuns.com/article-1217-1.html

不知大家有沒有注意到，今年 5 月份 Google 悄無聲息地?fù)Q了 logo。2014 年更換 logo 的企業(yè)其實(shí)不止 Google 一家，比起 Google 僅一個像素的微調(diào)，有些企業(yè)的 logo 可以說是改頭換面。logo 是企業(yè)的顏面，企業(yè)更新時必會吸引大量注意力，因此要隨即制定與大眾注意力緊密相關(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);" ,="">安卓兩大平臺上線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、動聽單曲等內(nèi)容，同時，菜單頁也直接簡化在頁面最下方展示，僅僅分為"我的唱吧"、"精彩表演"、"唱歌"、"聊天"和"發(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ì)城新國際會展中心拉開帷幕，大家期待已久的“全球創(chuàng)意設(shè)計(jì)TOP100作品展”也隨之拉開神秘面紗，面向國內(nèi)外征選的100件優(yōu)秀創(chuàng)意設(shè)計(jì)產(chǎn)品閃亮登場。

參展作品都頭頂光環(huán)，由國際國內(nèi)知名設(shè)計(jì)大獎獲獎作品與國際設(shè)計(jì)大師作品共同構(gòu)成，達(dá)到國際一流設(shè)計(jì)水平。與此同時，改變了眾多圖片<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ì)城新國際會展中心1號館核心展區(qū)。進(jìn)入這個展區(qū)，人們就已經(jīng)從參觀者變?yōu)檎怪腥?，一路從開放的街道實(shí)景走到半封閉的展品區(qū)域，頗有探秘尋寶的意味

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

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

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

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

一、 目的區(qū)分

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

1.功能介紹類

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

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

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

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

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

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

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