網(wǎng)站建設(shè)中如何能讓你的Gif圖設(shè)計(jì)得更秀

顏色創(chuàng)建圖像應(yīng)使用RGB模式，而非用于打印的模式。不必考慮瀏覽器安全色，因?yàn)閹缀醪辉儆腥耸褂?位的顯示器。顏色的選擇應(yīng)當(dāng)參照統(tǒng)一的標(biāo)準(zhǔn)，如視覺識(shí)別(VI)系統(tǒng)。顏色的數(shù)量和效果是決定圖像格式的重要因素，如色彩漸變往往產(chǎn)生大量顏色，如果保存為GIF則會(huì)產(chǎn)生失真，文件大小也大幅增加

一、在Gif圖中建立一致的視覺

Gif圖是世界上短的電影。你可以借助它來進(jìn)行品牌化的傳達(dá)。你可以在設(shè)計(jì)的時(shí)候使用品牌的配色來對(duì)它進(jìn)行設(shè)計(jì)，將品牌的形象、LOGO和其他元素在 Gif圖中呈現(xiàn)，讓品牌、企業(yè)和產(chǎn)品以更加富有活力的方式呈現(xiàn)出來。而用戶則能夠借助這些元素，來和品牌本身產(chǎn)生關(guān)聯(lián)。在特定的情形和需求之下，Gif圖能夠幫助用戶了解產(chǎn)品的功能和其他的信息，而品牌化的配色則能夠強(qiáng)化這種關(guān)聯(lián)。

二、不要提供多余無效的內(nèi)容

雖然設(shè)計(jì)師會(huì)在自己所熱愛的項(xiàng)目中投入更多，但是在做 Gif動(dòng)態(tài)圖的時(shí)候，在傳達(dá)信息的同時(shí)，要盡量簡(jiǎn)化其中的內(nèi)容，一般而言，更少的信息能夠讓你在制作動(dòng)畫的時(shí)候獲得更多的自由和可能性！一定要克制住加入大量?jī)?nèi)容的沖動(dòng)。用戶在觀看你的 Gif圖的時(shí)候，很容易被過多的內(nèi)容所淹沒，尤其是當(dāng)你想要借助 Gif圖來傳達(dá)特定的情緒和感受的時(shí)候，多余的色彩和內(nèi)容很容易弱化它們。不要過度設(shè)計(jì)。圍繞著核心的元素和調(diào)色板來設(shè)計(jì)，讓它們足夠獨(dú)特和誘人。

三、在上傳Gif圖的時(shí)候，保持良好的可訪問性

作為設(shè)計(jì)師，你應(yīng)該熟悉用戶群體，并且將 Gif圖中可能會(huì)分散精力的視覺內(nèi)容給去掉。不斷移動(dòng)的 Gif圖會(huì)很大程度上轉(zhuǎn)移用戶的注意力，在一屏當(dāng)中使用多個(gè) Gif圖的時(shí)候，尤其要注意這一點(diǎn)。如果有大量文本內(nèi)容的時(shí)候，Gif圖中的色彩和特效盡量控制數(shù)量，因?yàn)樗鼈兛赡軙?huì)過多抓取用戶注意力。避免 Gif圖自動(dòng)播放，這樣讓用戶感到可控，并且可以節(jié)省流量。

四、刪除Gif圖中所有的額外幀

當(dāng)你在設(shè)計(jì) Gif圖的時(shí)候，無論你使用哪種類型的動(dòng)畫，Gif圖中，總會(huì)有某些時(shí)刻是狀態(tài)停止的，創(chuàng)建好 Gif圖之后，應(yīng)該通過調(diào)整，刪除掉額外的、停止不同的幀。刪除額外的幀，僅保留其中一幀，并根據(jù)動(dòng)畫的狀態(tài)和節(jié)奏來調(diào)整該幀的時(shí)長(zhǎng)，可以縮減 Gif圖的大小和播放時(shí)候的壓力。這樣的調(diào)整不僅能夠讓 Gif圖整體質(zhì)量保持不變，而且同時(shí)可以減少不必要的空間占用。

五、如果你使用PS來制作Gif圖，請(qǐng)務(wù)必保持整潔簡(jiǎn)練

在設(shè)計(jì) Gif圖的時(shí)候，很多設(shè)計(jì)師會(huì)選擇使用 PS 來制作。一方面是足夠習(xí)慣，足夠順手，但是另外一方面，PS 本身的圖層管理和制作機(jī)制還是很容易導(dǎo)致混亂的。PS 中元素和圖層管理需要兼顧的太多，以至于在制作 Gif圖的時(shí)候，稍微增刪或者移動(dòng)一些內(nèi)容，就很容易輸出一個(gè)不理想、不可控的 Gif圖。同時(shí)，如果沒有正確地標(biāo)注圖層，之后又進(jìn)行了相對(duì)復(fù)雜的操作之后，很容易導(dǎo)致多米諾骨牌一樣的錯(cuò)誤。更令人頭疼的是，修改一個(gè)地方之后，后續(xù)很多圖層都需要進(jìn)行調(diào)整和修改，終會(huì)帶來大量的重復(fù)性的工作。所以，在 PS 中制作 Gif圖，要盡量保持整潔，條理清晰。

六、借助故事板來梳理Gif圖的內(nèi)容

很多時(shí)候，Gif圖本身的簡(jiǎn)單形態(tài)使得它看起來不復(fù)雜，但是這其實(shí)使得很多設(shè)計(jì)師因此而出錯(cuò)。通常，Gif圖本身迷人之處就是在于它的故事性，即使再短，它當(dāng)中也包含著敘事，故事性，甚至復(fù)雜的轉(zhuǎn)折和多變的轉(zhuǎn)場(chǎng)?；镜墓适伦兓驮?，這些是 Gif圖制作的基礎(chǔ)。在設(shè)計(jì)動(dòng)畫的時(shí)候，我們很容易忘記這些東西，借助故事板，可以幫你更好地梳理故事的走向，鏡頭的變化，情節(jié)的走向，值得注意的關(guān)鍵情節(jié)和轉(zhuǎn)折。尤其是當(dāng)你不是一個(gè)人來制作 Gif圖的時(shí)候，整個(gè)團(tuán)隊(duì)可以借助故事板，將進(jìn)度統(tǒng)一起來，極大的改善溝通和統(tǒng)一的問題，加快創(chuàng)作過程。

七、運(yùn)動(dòng)狀態(tài)要保持模糊效果

Gif圖當(dāng)中的模糊效果，其實(shí)和老式相機(jī)中的運(yùn)動(dòng)抓拍效果是一致的，很多處于中間態(tài)的運(yùn)動(dòng)，其實(shí)是不那么清晰的。而這一點(diǎn)和我們的視覺是保持一致的。如今相機(jī)的成像質(zhì)量越來越高，但是我們的眼睛并沒有隨之快速的進(jìn)化。在 Gif圖當(dāng)中，幀數(shù)通常不會(huì)太高，如果圖片的細(xì)節(jié)始終保持清晰則容易呈現(xiàn)出跳幀，運(yùn)動(dòng)狀態(tài)的物體適當(dāng)保持模糊效果，則更接近我們?nèi)粘Ｓ^察的細(xì)節(jié)，從而讓 Gif圖帶來接近視頻拍攝的效果，用戶也會(huì)因此感到真實(shí)和精彩。

對(duì)于已有的位圖和照片，應(yīng)先使用軟件調(diào)整好尺寸后再插入到網(wǎng)頁(yè)中，而不應(yīng)使用HTML語言中的width和height屬性改變圖像尺寸。直接使用HTML語言控制圖像尺寸可能會(huì)使圖像失真嚴(yán)重。通常，放入網(wǎng)頁(yè)中的圖片應(yīng)控制到一個(gè)比較小的尺寸。

分享題目：網(wǎng)站建設(shè)中如何能讓你的Gif圖設(shè)計(jì)得更秀
URL分享：http://www.muchs.cn/news0/260350.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、做網(wǎng)站、品牌網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站策劃、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)