PPT創(chuàng)意設(shè)計(jì)借鑒網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì)
站內(nèi)信【轉(zhuǎn)】PPT創(chuàng)意設(shè)計(jì)借鑒網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì)201*年09月25日11:01:31PPT幻燈片設(shè)計(jì)的創(chuàng)意靈感無(wú)處不在,時(shí)尚雜志是、電視廣告是、精妙的網(wǎng)頁(yè)設(shè)計(jì)更是。在機(jī)場(chǎng)等候期間,看到一篇“201*網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)”,頗有可借鑒之處,趕快發(fā)上來(lái)與朋友們分享。(原文較長(zhǎng)且多圖,下面僅從我個(gè)人的視角選取一部分,主要用于啟發(fā)PPT的設(shè)計(jì)創(chuàng)意!凹t色引號(hào)內(nèi)的為原文”)一、推薦使用“宋體”“黑體”
在培訓(xùn)課上,我始終推薦PPT標(biāo)題選用“黑體”、而正文選用“宋體”。我的經(jīng)驗(yàn)來(lái)自報(bào)紙雜志,因?yàn)榻^大多數(shù)情況下,比如《人民日?qǐng)?bào)》或是《參考消息》,其排版即是標(biāo)題用“黑體”、正文用“宋體”。在這篇文章中,我的觀點(diǎn)進(jìn)一步被映證。
“印刷的最重要問(wèn)題之一是可讀性。印刷設(shè)計(jì)師們總是傾向于襯線字體,因?yàn)檫@種字體邊緣明顯,提高可視效果,使字形更容易識(shí)別。無(wú)襯線字體,一般認(rèn)為它更容易在屏幕上閱讀。但是,隨著越來(lái)越多的用戶瀏覽分辨率的提高和字體平滑技術(shù)的改進(jìn),襯線字體顯示正文文本可讀性十分良好。”二、使用大標(biāo)題
毫無(wú)疑問(wèn),這也是我在所有場(chǎng)合的PPT設(shè)計(jì)主張,PPT即是大小標(biāo)題的邏輯排列,在這一點(diǎn)上,只會(huì)比網(wǎng)頁(yè)設(shè)計(jì)的要求有過(guò)之而無(wú)不及。
“印刷設(shè)計(jì)師一直使用的大標(biāo)題,以吸引不同年齡層的注意。如果期望別人來(lái)讀,印刷材料的形式已經(jīng)有很深的影響。如果你看到一個(gè)沉悶的小冊(cè)子賴在辦公桌上,你都懶得撿起來(lái)?不是嗎?這一趨勢(shì)開始于201*年,目前在普及。大標(biāo)題已證明更有吸引力和明晰溝通!比、使用大幅圖片
PPT幻燈片演示是視覺(jué)信息傳遞工具,圖形圖片是PPT幻燈片設(shè)計(jì)表現(xiàn)的最重要手段,借助圖片說(shuō)明、證明、強(qiáng)化PPT主題內(nèi)容何以獲得意外驚喜。至于圖片本身,在PPT中應(yīng)用時(shí)要注意盡可能使用高清晰的圖片,且不要人為拉伸導(dǎo)致圖片變形。
“一張好圖片勝過(guò)千言萬(wàn)語(yǔ)。因?yàn)樵诰W(wǎng)絡(luò)之前,印刷品的圖片(分辨率更高)已經(jīng)有了相當(dāng)?shù)挠绊懀F(xiàn)在寬帶接入使得大圖片的使用更具可行性。我們看到越來(lái)越多的網(wǎng)站使用大幅的,給人印象深刻的圖片來(lái)吸引用戶,創(chuàng)造一個(gè)身臨其境的體驗(yàn)。”三、極簡(jiǎn)約設(shè)計(jì)
與主題無(wú)關(guān)的信息,無(wú)論是文字、還是圖形、圖飾、或是背景、色彩,都堅(jiān)決不要。簡(jiǎn)單的設(shè)計(jì)更容易使用和理解,信息傳播也更加明確。任何多余的信息、只會(huì)干擾信息傳遞!鞍矕|尼德圣-埃克蘇佩里曾說(shuō)過(guò),“完美就是多一點(diǎn)則太多,少一點(diǎn)則太少!焙(jiǎn)潔設(shè)計(jì)的優(yōu)點(diǎn)很多。?怂苟筛嬖V我們,多出的每一個(gè)選擇,都需要增加時(shí)間來(lái)做決定。此外,信號(hào)噪音的理論告訴我們,給網(wǎng)站(信號(hào))的信息和功能添加額外的東西,只能令到網(wǎng)站設(shè)計(jì)效果更差(噪音)。極簡(jiǎn)主義是功能強(qiáng)大,但難以掌握。它僅僅包含的基本要素,多余的一切都拋棄,結(jié)果是呈現(xiàn)出元素的最大影響力。極簡(jiǎn)設(shè)計(jì)需要一個(gè)強(qiáng)大的行之有效的網(wǎng)格系統(tǒng)。一般的,設(shè)計(jì)會(huì)留有足夠的空白,所以如果沒(méi)有這種網(wǎng)格,一個(gè)簡(jiǎn)約的設(shè)計(jì)會(huì)讓人感到截?cái)嗟暮筒萋实。網(wǎng)格就是賦予它組織和結(jié)構(gòu)!
四、簡(jiǎn)單布局
要做到簡(jiǎn)單,最好用的方法是內(nèi)容要少,恰當(dāng)?shù)慕y(tǒng)一、對(duì)齊,也可以起到簡(jiǎn)化版面的效果。
“有幾種方法可以簡(jiǎn)化設(shè)計(jì)。單頁(yè)布局展示了其中兩種方法:隱藏和刪除。有效的單頁(yè)布局會(huì)隱藏掉那些次要的元素。如果用戶希望看到這些元素之一,只需點(diǎn)擊一下就呈現(xiàn)出來(lái)。這比什么都顯示出來(lái)更有效果,因?yàn)槟菢訒?huì)使頁(yè)面復(fù)雜和壓抑。同樣,單頁(yè)布局背后的原則決定了那些額外的頁(yè)面是沒(méi)必要的。隨著強(qiáng)大的JavaScript庫(kù)興盛和網(wǎng)絡(luò)速度提高,許多網(wǎng)站現(xiàn)在已經(jīng)沒(méi)必要使用幾個(gè)頁(yè)面。設(shè)計(jì)人員可以輕松地將信息容納到一個(gè)頁(yè)面上,不會(huì)讓用戶為層層分級(jí)的頁(yè)面感到厭煩。”
五、留白天地寬
PPT是突出重點(diǎn)的有效工具,從PPT的名字“PowerPoint”中即可看出。試想,如果一個(gè)純白或純黑的屏幕中間僅放置著一個(gè)iPhone圖片,或是一個(gè)名詞,還需要什么多余的語(yǔ)言來(lái)強(qiáng)調(diào)什么是重點(diǎn)嗎?
“在網(wǎng)站設(shè)計(jì)之初,我們沒(méi)有太多的屏幕可以工作,所以并沒(méi)有表現(xiàn)出很大的空白。如果你曾經(jīng)嘗試為640×480分辨率的網(wǎng)站做設(shè)計(jì),我說(shuō)的是什么,你懂的,F(xiàn)在我們有了更高的分辨率,還可以使用JavaScript隱藏和顯示元素,利用留白空間已經(jīng)容易得多?臻g留白是良好設(shè)計(jì)至關(guān)重要的一部分,給眼睛一個(gè)休息的地方,很自然的就提高了設(shè)計(jì)質(zhì)量,而且通過(guò)元素間距也更容易表達(dá)它們之間的關(guān)聯(lián)性!绷D框和文本陰影
這一點(diǎn)隨著PowerPoint201*的出現(xiàn),在PPT中可以更加自由的實(shí)現(xiàn),當(dāng)然我的觀點(diǎn)也與下文相同,要恰到好處,最好是有,但是不被發(fā)現(xiàn),只覺(jué)得美。
“在網(wǎng)絡(luò)的早期,利用陰影創(chuàng)造一種立體感是早已有之(甚至有時(shí)是用過(guò)頭了)。但其實(shí)并不總是那么好搞的,要給文本添加陰影,你得使用的圖片,從而增加加載時(shí)間,并且維護(hù)更加困難?蚣荜幱靶枰恍﹫D片和CSS技巧,如“滑動(dòng)門”。CSS3具有陰影高度可定制的能力,這對(duì)于創(chuàng)新影響十分巨大,不僅包括陰影,還有內(nèi)陰影。有創(chuàng)意設(shè)計(jì)師已經(jīng)開始使用這些CSS3效果,模擬浮雕和壓印的效果。”七、透明和半透明效果
可以看得出,透明和半透明效果對(duì)于網(wǎng)頁(yè)應(yīng)用在以往幾乎是一件非常麻煩的事情。但在PPT上,則方便非常多,我總結(jié)PPT的圖形填充可以有6種變化,透明效果即是其中之一。在PPT中,將背景圖弱化、光的影子等等好多地方都可以用到透明效果。
“多年來(lái),使用不透明性和透明度,在網(wǎng)絡(luò)上技術(shù)上是不可能的。你有三種選擇:使用平面圖像模擬的透明度,使用不能跨瀏覽器兼容的PNG格式,或者去折騰CSS基本的透明選擇器和濾鏡。
CSS3使得設(shè)計(jì)師在使用RGBa不透明屬性時(shí),更加穩(wěn)定和自由。你可以在很多方面利用半透明的優(yōu)點(diǎn),其中之一就是使用半透明的顏色疊加到復(fù)雜背景時(shí)起到特別作用。之前,這種效果如果沒(méi)有使用PNG是不切實(shí)際,也是不可能達(dá)到的!卑恕⑽⒚畹募y理背景
我始終主張PPT不要用圖片、圖案做模版背景,主要是不希望背景干擾影響到正常文字內(nèi)容的觀看效果。但是,如果是那種不影響觀看的背景紋理、而且它讓畫面更美觀、精致,為什么不考慮使用呢?
“紋理圖案背景在網(wǎng)絡(luò)上沒(méi)有什么新鮮的。但是,最近幾個(gè)月這種技術(shù)已經(jīng)出現(xiàn)了有趣的變化。我指的是“微型紋理”,是微妙的,幾乎不明顯的背景紋理!
九、縮略圖更精彩
借助縮略圖導(dǎo)航是PPT幻燈片的重要表現(xiàn)手法,可以令觀眾即時(shí)刻通覽全局,又可以關(guān)注當(dāng)前內(nèi)容!皠(dòng)畫、超鏈接、觸發(fā)器”等功能都可以在這時(shí)候發(fā)揮重要作用。
“你可能會(huì)說(shuō),“縮略圖從網(wǎng)絡(luò)出世那天早就有了。怎樣么會(huì)是趨勢(shì)呢?”是的,它們一直被使用,但普遍很簡(jiǎn)單。有一個(gè)縮略圖,點(diǎn)擊一下就可以看得更大的圖片。需要的功能就是這樣,不過(guò)很無(wú)聊。在最近幾個(gè)月,設(shè)計(jì)師們開始探討,“怎樣才能使縮略圖更精彩?”這些探討導(dǎo)致了縮略圖在智能和可用性方面大大增強(qiáng)!笔、水彩效果
對(duì)于PPT幻燈片設(shè)計(jì)而言,有兩樣?xùn)|西非常關(guān)鍵,一個(gè)是“思路”,另一個(gè)是“創(chuàng)意”,而且創(chuàng)意無(wú)極限。
“隨著網(wǎng)絡(luò)的發(fā)展,我們看到越來(lái)越多的設(shè)計(jì)師正從各種媒體來(lái)源獲取靈感。毫不奇怪,藝術(shù)就是來(lái)源于此。最近出現(xiàn)風(fēng)格之一是模擬水彩。這種輕柔優(yōu)雅風(fēng)格看起來(lái)總是那么清晰和平靜!
十一、手寫手繪風(fēng)格
PPT是幻燈片的代名詞,早期的幻燈片都是用MARK筆寫在透明膠片上,用投影打出來(lái)。所以,在PPT上出現(xiàn)手寫手繪可以看做是一種回歸本原的創(chuàng)意表現(xiàn),有機(jī)會(huì)可以嘗試!笆謱懽煮w和草稿字體一直濫用得很厲害;谶@個(gè)原因,許多設(shè)計(jì)師避開這兩種類型,出于厭惡或者因?yàn)榭雌饋?lái)很業(yè)余的感覺(jué)。不過(guò)最近,許多設(shè)計(jì)師都發(fā)現(xiàn),如果使用得當(dāng),手寫風(fēng)格可以傳達(dá)手工藝和策劃的意識(shí)。在結(jié)合上下文環(huán)境使用,會(huì)是一個(gè)功能強(qiáng)大的表達(dá)方式。”
十二、固定元素
這一點(diǎn)是PPT幻燈片的要求,例如,一個(gè)PPT文檔通常有一個(gè)統(tǒng)一的模版,多數(shù)PPT使用都者也是這樣做的。曾經(jīng)不只一次見過(guò)每一頁(yè)都換模版的PPT,那是極錯(cuò)誤和不可取的做法。這里的啟發(fā)是,固定元素可以有更恰當(dāng)?shù)膽?yīng)用。
擴(kuò)展閱讀:優(yōu)秀創(chuàng)意設(shè)計(jì) 緊抓技巧趨勢(shì)
優(yōu)秀創(chuàng)意設(shè)計(jì)緊抓技巧趨勢(shì)
在這個(gè)講究創(chuàng)新的時(shí)代,站長(zhǎng)朋友們絞盡腦汁希望在網(wǎng)頁(yè)設(shè)計(jì)方面能夠獨(dú)樹一幟。一個(gè)產(chǎn)品若是想要提升其價(jià)值,除卻本身的優(yōu)化之外,還應(yīng)當(dāng)有創(chuàng)意和技術(shù)輔佐。作為一名SEOER,我時(shí)刻關(guān)注著國(guó)際上新的設(shè)計(jì)趨勢(shì),以便從中掌握相關(guān)規(guī)律。這些新趨勢(shì)使得網(wǎng)頁(yè)設(shè)計(jì)變得生動(dòng)、活潑。1、展現(xiàn)大效果
除卻傳統(tǒng)的電腦顯示屏,平板電腦和手機(jī)屏幕也是影響用戶們接受信息質(zhì)量的一個(gè)因素。即使是在2.8寸的手機(jī)上也要清晰可見。在此之前,很多網(wǎng)頁(yè)設(shè)計(jì)師都會(huì)設(shè)計(jì)增大字號(hào)和圖片,但是分辨率的增加、支持像素的提高,這樣的設(shè)計(jì)顯得落伍且臃腫。站長(zhǎng)朋友們是時(shí)候采取新措施了!在印刷媒體中有個(gè)做法叫做超大設(shè)計(jì),實(shí)質(zhì)上就是簡(jiǎn)潔設(shè)計(jì)。將想要展示的東西放大,放大,再放大!不是說(shuō)將圖片放大,而是將圖片上的字放大!在相同條件下,人們更容易關(guān)注到大塊頭的東西,忽視其他的信息。就像如下所示:
2、神奇的顏色
在網(wǎng)頁(yè)設(shè)計(jì)中,藍(lán)色可謂是最流行的顏色之一,其經(jīng)典百搭,符合了一眾網(wǎng)站用戶的口味。似乎只要是藍(lán)色為底色的網(wǎng)頁(yè)就不會(huì)引起人們的反感。201*年以來(lái),肉色、粉色和淺橙色慢慢占據(jù)市場(chǎng)。這些顏色的優(yōu)勢(shì)在于不顯眼,和任何色彩搭配都能夠搭配,顯得低調(diào)而又沉穩(wěn),既有氣質(zhì)又有內(nèi)涵。其實(shí)配色方案有很多,重要的是,這么多顏色,關(guān)鍵時(shí)刻你能有所借鑒。
3、負(fù)空間(留白)
簡(jiǎn)潔成了近年來(lái)的流行元素,不論是時(shí)裝設(shè)計(jì)、名片、logo還是網(wǎng)站頁(yè)面,人們?cè)絹?lái)越推崇簡(jiǎn)潔的視覺(jué)效果設(shè)計(jì)。在網(wǎng)頁(yè)設(shè)計(jì)中加入更多的留白,毫無(wú)疑問(wèn)將簡(jiǎn)潔設(shè)計(jì)推向一個(gè)新的高潮。很多人認(rèn)為,設(shè)計(jì)并不是將所要展示的元素填滿每一個(gè)角落,而是應(yīng)該留下大量的負(fù)空間,只需在關(guān)鍵部位展示出關(guān)鍵元素,用戶只需要了解關(guān)鍵元素就能迅速上手。這才是設(shè)計(jì)師們的想要達(dá)到的效果。越來(lái)越簡(jiǎn)潔的頁(yè)面,越來(lái)越注重細(xì)節(jié)的登錄頁(yè)面,都能讓用戶清楚的明白自己想要的是什么,怎樣能夠迅速的找到目標(biāo)信息。設(shè)計(jì)效果的好壞評(píng)價(jià)標(biāo)準(zhǔn)在于用戶體驗(yàn)。
總結(jié):設(shè)計(jì)界有很多相似之處,想要做出優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì),不妨也和其他的設(shè)計(jì)師多多交流。
友情提示:本文中關(guān)于《PPT創(chuàng)意設(shè)計(jì)借鑒網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì)》給出的范例僅供您參考拓展思維使用,PPT創(chuàng)意設(shè)計(jì)借鑒網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì):該篇文章建議您自主創(chuàng)作。
來(lái)源:網(wǎng)絡(luò)整理 免責(zé)聲明:本文僅限學(xué)習(xí)分享,如產(chǎn)生版權(quán)問(wèn)題,請(qǐng)聯(lián)系我們及時(shí)刪除。