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

顏色創(chuàng)建圖像應使用RGB模式，而非用于打印的模式。不必考慮瀏覽器安全色，因為幾乎不再有人使用8位的顯示器。顏色的選擇應當參照統(tǒng)一的標準，如視覺識別(VI)系統(tǒng)。顏色的數(shù)量和效果是決定圖像格式的重要因素，如色彩漸變往往產(chǎn)生大量顏色，如果保存為GIF則會產(chǎn)生失真，文件大小也大幅增加

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

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

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

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

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

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

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

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

五、如果你使用PS來制作Gif圖，請務必保持整潔簡練

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

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

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

七、運動狀態(tài)要保持模糊效果

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

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

名稱欄目：網(wǎng)站建設中如何能讓你的Gif圖設計得更秀
網(wǎng)址分享：http://muchs.cn/news/260350.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站維護、品牌網(wǎng)站制作、軟件開發(fā)、網(wǎng)站營銷、商城網(wǎng)站

廣告

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