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

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

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

二、不要提供多余無效的內容

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

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

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

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

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

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

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

六、借助故事板來梳理Gif圖的內容

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

七、運動狀態要保持模糊效果

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

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

分享題目：網站建設中如何能讓你的Gif圖設計得更秀
URL分享：http://www.kartarina.com/news0/260350.html

成都網站建設公司_創新互聯，為您提供用戶體驗、做網站、品牌網站建設、移動網站建設、網站策劃、企業網站制作

廣告

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