全網(wǎng)網(wǎng)站建設(shè)
手機、電腦...全網(wǎng)通用
全程免費升級維護
免費優(yōu)化推廣排名好
顏色創(chuàng)建圖像應(yīng)使用RGB模式,而非用于打印的模式。不必考慮瀏覽器安全色,因為幾乎不再有人使用8位的顯示器。顏色的選擇應(yīng)當(dāng)參照統(tǒng)一的標(biāo)準(zhǔn),如視覺識別(VI)系統(tǒng)。顏色的數(shù)量和效果是決定圖像格式的重要因素,如色彩漸變往往產(chǎn)生大量顏色,如果保存為GIF則會產(chǎn)生失真,文件大小也大幅增加
一、在Gif圖中建立一致的視覺
Gif圖是世界上短的電影。你可以借助它來進行品牌化的傳達。你可以在設(shè)計的時候使用品牌的配色來對它進行設(shè)計,將品牌的形象、LOGO和其他元素在 Gif圖中呈現(xiàn),讓品牌、企業(yè)和產(chǎn)品以更加富有活力的方式呈現(xiàn)出來。而用戶則能夠借助這些元素,來和品牌本身產(chǎn)生關(guān)聯(lián)。在特定的情形和需求之下,Gif圖能夠幫助用戶了解產(chǎn)品的功能和其他的信息,而品牌化的配色則能夠強化這種關(guān)聯(lián)。
二、不要提供多余無效的內(nèi)容
雖然設(shè)計師會在自己所熱愛的項目中投入更多,但是在做 Gif動態(tài)圖的時候,在傳達信息的同時,要盡量簡化其中的內(nèi)容,一般而言,更少的信息能夠讓你在制作動畫的時候獲得更多的自由和可能性!一定要克制住加入大量內(nèi)容的沖動。用戶在觀看你的 Gif圖的時候,很容易被過多的內(nèi)容所淹沒,尤其是當(dāng)你想要借助 Gif圖來傳達特定的情緒和感受的時候,多余的色彩和內(nèi)容很容易弱化它們。不要過度設(shè)計。圍繞著核心的元素和調(diào)色板來設(shè)計,讓它們足夠獨特和誘人。
三、在上傳Gif圖的時候,保持良好的可訪問性
作為設(shè)計師,你應(yīng)該熟悉用戶群體,并且將 Gif圖中可能會分散精力的視覺內(nèi)容給去掉。不斷移動的 Gif圖會很大程度上轉(zhuǎn)移用戶的注意力,在一屏當(dāng)中使用多個 Gif圖的時候,尤其要注意這一點。如果有大量文本內(nèi)容的時候,Gif圖中的色彩和特效盡量控制數(shù)量,因為它們可能會過多抓取用戶注意力。避免 Gif圖自動播放,這樣讓用戶感到可控,并且可以節(jié)省流量。
四、刪除Gif圖中所有的額外幀
當(dāng)你在設(shè)計 Gif圖的時候,無論你使用哪種類型的動畫,Gif圖中,總會有某些時刻是狀態(tài)停止的,創(chuàng)建好 Gif圖之后,應(yīng)該通過調(diào)整,刪除掉額外的、停止不同的幀。刪除額外的幀,僅保留其中一幀,并根據(jù)動畫的狀態(tài)和節(jié)奏來調(diào)整該幀的時長,可以縮減 Gif圖的大小和播放時候的壓力。這樣的調(diào)整不僅能夠讓 Gif圖整體質(zhì)量保持不變,而且同時可以減少不必要的空間占用。
五、如果你使用PS來制作Gif圖,請務(wù)必保持整潔簡練
在設(shè)計 Gif圖的時候,很多設(shè)計師會選擇使用 PS 來制作。一方面是足夠習(xí)慣,足夠順手,但是另外一方面,PS 本身的圖層管理和制作機制還是很容易導(dǎo)致混亂的。PS 中元素和圖層管理需要兼顧的太多,以至于在制作 Gif圖的時候,稍微增刪或者移動一些內(nèi)容,就很容易輸出一個不理想、不可控的 Gif圖。同時,如果沒有正確地標(biāo)注圖層,之后又進行了相對復(fù)雜的操作之后,很容易導(dǎo)致多米諾骨牌一樣的錯誤。更令人頭疼的是,修改一個地方之后,后續(xù)很多圖層都需要進行調(diào)整和修改,終會帶來大量的重復(fù)性的工作。所以,在 PS 中制作 Gif圖,要盡量保持整潔,條理清晰。
六、借助故事板來梳理Gif圖的內(nèi)容
很多時候,Gif圖本身的簡單形態(tài)使得它看起來不復(fù)雜,但是這其實使得很多設(shè)計師因此而出錯。通常,Gif圖本身迷人之處就是在于它的故事性,即使再短,它當(dāng)中也包含著敘事,故事性,甚至復(fù)雜的轉(zhuǎn)折和多變的轉(zhuǎn)場?;镜墓适伦兓驮?,這些是 Gif圖制作的基礎(chǔ)。在設(shè)計動畫的時候,我們很容易忘記這些東西,借助故事板,可以幫你更好地梳理故事的走向,鏡頭的變化,情節(jié)的走向,值得注意的關(guān)鍵情節(jié)和轉(zhuǎn)折。尤其是當(dāng)你不是一個人來制作 Gif圖的時候,整個團隊可以借助故事板,將進度統(tǒng)一起來,極大的改善溝通和統(tǒng)一的問題,加快創(chuàng)作過程。
七、運動狀態(tài)要保持模糊效果
Gif圖當(dāng)中的模糊效果,其實和老式相機中的運動抓拍效果是一致的,很多處于中間態(tài)的運動,其實是不那么清晰的。而這一點和我們的視覺是保持一致的。如今相機的成像質(zhì)量越來越高,但是我們的眼睛并沒有隨之快速的進化。在 Gif圖當(dāng)中,幀數(shù)通常不會太高,如果圖片的細(xì)節(jié)始終保持清晰則容易呈現(xiàn)出跳幀,運動狀態(tài)的物體適當(dāng)保持模糊效果,則更接近我們?nèi)粘S^察的細(xì)節(jié),從而讓 Gif圖帶來接近視頻拍攝的效果,用戶也會因此感到真實和精彩。
對于已有的位圖和照片,應(yīng)先使用軟件調(diào)整好尺寸后再插入到網(wǎng)頁中,而不應(yīng)使用HTML語言中的width和height屬性改變圖像尺寸。直接使用HTML語言控制圖像尺寸可能會使圖像失真嚴(yán)重。通常,放入網(wǎng)頁中的圖片應(yīng)控制到一個比較小的尺寸。
網(wǎng)站建設(shè)中如何能讓你的Gif圖設(shè)計得更由同信長春網(wǎng)站公司為您提供,更多內(nèi)容:http://kangxinxiang.cn
同信長春網(wǎng)絡(luò)公司為您提供:長春網(wǎng)站建設(shè) 長春網(wǎng)絡(luò)公司 長春手機網(wǎng)站
全網(wǎng)網(wǎng)站建設(shè)
手機、電腦...全網(wǎng)通用
全程免費升級維護
免費優(yōu)化推廣排名好