寫給網(wǎng)站小編的非專業(yè)設(shè)計攻略

吾日三省吾身,
你是否除了百度不知道其他圖片庫網(wǎng)站?
你是否覺得圖片處理這種事情交給設(shè)計來做就好了?
你是否覺得新媒體運營只是個寫字de ……
誰說新媒體運營很難?新媒體運營其實很簡單,只要你掌握了:傳播學(xué)、營銷學(xué)、CRM理論、4P理論、市場調(diào)研、策略制定、受眾心理、整合營銷、新媒體研究、社會化營銷、微信傳播、BBS、SNS、EDM、門戶網(wǎng)站、戶外廣告資源、產(chǎn)品開發(fā)、交互設(shè)計、流程管理、報價策略、品牌洞察、渠道管理、供應(yīng)商協(xié)調(diào)、談判技巧、互動策略、客戶關(guān)系維護、成本核算、大數(shù)據(jù)理論、PPT制作、方案邏輯、平臺運營、用戶體驗、Excel數(shù)據(jù)庫、電視投放策略、網(wǎng)站刊例、報刊專題策劃、新聞采編訪談、軟文撰寫、slogan發(fā)想、產(chǎn)品文案、Social文案、措辭修飾、格式、修辭、成語、歇后語、諧音、起承轉(zhuǎn)合、結(jié)構(gòu)調(diào)性、主題提煉、摳圖、描邊、勾勒、光影關(guān)系、透視、景深、構(gòu)圖、漸變、矢量、UI、渲染、濾鏡、字體設(shè)計、插畫、動畫、多媒體制作、HTML5、數(shù)據(jù)庫、前端開發(fā)、PHP、音頻音效、視頻拍攝、剪輯、特效制作、字幕、樓書、宣傳別冊、DM設(shè)計、刀旗、易拉寶、模特資源、音響燈光、機位、場館、六度人脈理論、二次傳播、熱點營銷、快速反應(yīng)、效果評估、點擊成本、訪問人數(shù)、轉(zhuǎn)化率、跳出率、下載轉(zhuǎn)化、cpc、cpa、KPI、ps、ai、sketch、lr、明星資源、kol庫、稅點、發(fā)票等等,再加上多年的經(jīng)驗就差不多了.
所以呀,運營不要覺得自己只是個寫字的,設(shè)計也不要認為自己只是個P圖的。就像我從不認為自己是個碼字的,我是仙女,會飛的那種!
廢話少說,大魚抱了設(shè)計大神的大腿兩天后,終于偷師整理了這份非常實用的干貨!真的不能再干了!標題并沒有騙人!快夸我貼心~
圖片素材哪里找?
我們看到很多漂亮設(shè)計其實大部分都是素材的拼接,在沒有成為大師之前,或多或少都欠缺一些原創(chuàng)的能力,所以合理運用素材對設(shè)計來說非常重要。
除了百度圖片,有許多專業(yè)圖片網(wǎng)站可以找圖。比如說我比較喜歡的一些網(wǎng)站,花瓣網(wǎng)、站酷、攝圖網(wǎng)、千圖網(wǎng)、昵圖網(wǎng)等。其實素材不在乎找,最重要的是你如何能把他們運用在你的設(shè)計中。
① 站酷(據(jù)說是設(shè)計師必知的優(yōu)秀網(wǎng)站,上面有很多大神的作品)
② 素材公社(主要以插畫、動畫、攝影等為主,素材都來自熱心網(wǎng)友上傳的國外翻墻圖片)
③ 昵圖網(wǎng)、華蓋創(chuàng)意、攝圖網(wǎng)、千圖網(wǎng)(設(shè)計師專用素材庫,高清圖片需付費下載,不過基本的APP配圖還是可以滿足的~)
④ 千庫網(wǎng)(免費png圖片背景素材庫,素材是免摳的,背景模板也多)
⑤ 花瓣(以小清新插畫為主,可以新建很多畫板,方便素材的分類整理)
⑥ 堆糖(以社區(qū)分享為主,圖片也多是小清新)
⑦ 豆瓣、微博(相信網(wǎng)友的力量,豆瓣原創(chuàng)攝影、插畫非常多,不過通常地方站配圖用不上這類偏文藝的圖。微博較雜而且要去水印,但是微博表情包多呀哈哈哈~)
如果你經(jīng)常關(guān)注設(shè)計,你一定會遇到很多喜歡的字體。為了避免想知道字體卻四處問人問不到的尷尬情況發(fā)生,這里分享一個專門找字體的牛逼網(wǎng)站——求字體網(wǎng):www.qiuziti.com
比如這張圖里面,我想知道全新升級這幾個字的字體
教程如下:① 把想要獲得的字體部分截圖保存下來 ,一定是JPG格式哦~
② 打開求字體網(wǎng),點擊瀏覽位置,或者按提示上傳你剛剛保存的圖片,開始上傳。
③ 在第一步里面的白色框打出對應(yīng)的漢字,再點擊搜索
④ 這樣我們就找到中意的那個字體啦,點擊后方的下載就可以下載到電腦使用啦~開心到飛起~
客戶端首頁如何配色及排版?
配色涉及到許多的專業(yè)知識,這里就不細說啦,如果是客戶端首頁的資訊配圖,一定要注意的一點是配色的統(tǒng)一,如果顏色太雜很難讓用戶集中精神閱讀,資訊排版上也要遵循平衡的原則,不能頭重腳輕。另外,客戶端配圖除尺寸外,一定要注意圖片壓縮保證圖片清晰度,否則圖片畫質(zhì)難以保證,對于色調(diào)較豐富的圖片,建議使用JPG格式,對于顏色相對不夠豐富的圖片,建議使用PNG格式。
icon圖標素材哪里找?
除上面的素材網(wǎng)站可以找到客戶端發(fā)現(xiàn)頁面需要的icon素材外,其實還有很多專門的圖標設(shè)計網(wǎng)站,但大部分是國外網(wǎng)址,考慮許多后,大魚這里分享兩個圖標設(shè)計網(wǎng)站。
① | iconfont | http://www.iconfont.cn/
由阿里巴巴體驗團隊打造的設(shè)計和前段開發(fā)的便捷工具,是目前國內(nèi)功能很強大且圖標內(nèi)容很豐富的矢量圖標庫,提供矢量圖標下載、在線存儲、格式轉(zhuǎn)換等功能。
②| iconfinder | iconfinder.com
很著名的icon搜索引擎,集合了超多的圖標素材,并且是免費的喲~~好看地能直接當素材圖用的那種喲~~
GIF圖制作實用教程
① 網(wǎng)頁制作GIF工具
在沒有PS等制圖軟件,又要快速制作的動圖的時候,相關(guān)GIF圖制作的網(wǎng)頁能滿足我們的需求,不過網(wǎng)頁制作只能制作靜態(tài)圖拼接的GIF圖。其實百度能搜索到蠻多GIF制作的相關(guān)網(wǎng)頁,這里大魚推薦的是這個網(wǎng)址~
http://gif.55.la/
選擇需要合成GIF動畫的圖片,點生成后GIF動圖就生成了。不過該網(wǎng)頁最多支持5張靜態(tài)圖的制作,切換速度可以自己設(shè)置快速、正常等,使用非常簡單~② 視頻軟件制作 (QQ影音/迅雷看看播放器)
沒錯,只需要下載QQ影音或者迅雷看看播放器就能輕松制作GIF動圖,就是你平時看劇的那兩個播放器~不過MAC系統(tǒng)并不支持,所以Windows系統(tǒng)小伙伴可以開心地用啦~
首先需要下載一個“QQ影音”打開一部電影或?qū)胛募?,進入觀看模式。這里請忽視我的這靈魂截圖手( ̄m ̄)。
當看到你想要截取的畫面時就暫停,鼠標移到右下方,點開工具小圖標,會看到“GIF動畫”的按鈕,點擊它。
屏幕下面會出現(xiàn)一排任務(wù)欄:
當前截取時長:拖動它調(diào)整截取的長度
截取間隔:越長畫面越快,建議使用最短就行了
微調(diào):調(diào)整GIF的播放速度
畫面尺寸:設(shè)置GIF的畫面大小,大魚這里選擇的是中圖
預(yù)覽:前面的都設(shè)置好后預(yù)覽看一下,如果不滿意也可以撤銷重新設(shè)置
保存:設(shè)置好沒問題,保存到相關(guān)的路徑就好啦~
ps:最多只能截取十秒的視頻~
簡單截了段,真的超級簡單呀~~
③ 第三方GIF圖截取軟件(摳摳視頻秀、GIFCam、美圖秀秀、都叫獸等)
視頻摳圖軟件太多啦~比如摳摳視頻秀、GIFCam、美圖秀秀、都叫獸等,大魚這里簡單說下怎樣使用摳摳視頻秀來制作動圖~
打開任何一個播放器并播放相關(guān)的視頻文件,再將摳摳視頻秀適當拉取外框,確保畫面是需要截取的內(nèi)容。
點擊開始后就可以錄制啦~錄制完想要的畫面內(nèi)容后,點擊生成動畫,然后我們可以點擊編輯按鈕,會出現(xiàn)如下畫面
屏幕主要功能解讀:
添加字幕/刪除字幕:直接輸入需要設(shè)置的字幕內(nèi)容,可以設(shè)置字體、字體大小、是否加粗、顏色、是否描邊等。
開始于*幀/結(jié)束于*幀:設(shè)置字幕開始和結(jié)束的畫面,幀數(shù)越長,字幕出現(xiàn)的時間越長。
插入圖像或動畫:可以插入表情包或者顏文字~~
緩慢逐幀顯示:類似于預(yù)覽的效果啦~
保存:設(shè)置好沒問題,保存到相關(guān)的路徑就好啦~
ps:字幕移動位置直接用鼠標拉取移動到相關(guān)位置就好啦~
pps:這個軟件生成的動畫是帶水印的,如需要不帶水印版,需要付費的喲~
哎呀,剛剛做的這個圖有點小~
④ 一些關(guān)于GIF圖的干貨
制作GIF圖的APP:
快手、美圖GIF:這兩個是比較常見的國內(nèi)的動圖制作軟件,可以根據(jù)圖片制作,也可以直接錄制GIF,后期還可以添加相框和特效,好不好用自己試用下就知道~
Gifboom:通過導(dǎo)入素材,用Gifboom完成編輯,可以調(diào)節(jié)畫面切換速度,也可以添加濾鏡、文字或音樂。
其他的:打開APP store 搜索GIF,隨心選APP~~
ppps:不管用哪個軟件制作GIF圖,都要考慮清晰度及大小的問題,微信公眾平臺對圖片的大小也有要求。建議制作的時候減少幀數(shù),留住關(guān)鍵畫面即可,將GIF大小控制在1M左右。
一些幽默搞笑類的GIF圖網(wǎng)站:
| 狐圖網(wǎng) | http://www.giffox.com/
| 嗨圖網(wǎng) | http://www.hitu.org/
| GIF酷 | http://www.gifcool.com/
| Best Funny Gifs | http://gifs8.com/
| Cheezburger | http://memebase.cheezburger.com/
| GIFSON | http://gifson.net/
| gifbin | http://www.gifbin.com/
最后來自超厲害設(shè)計師的一些碎碎念:
1、善用素材的分類整理。
如設(shè)立標簽:矢量、活潑、美食、建筑、人像等,方便搜索。
2、一定要用好你的搜索引擎,百度+關(guān)鍵詞,你能發(fā)現(xiàn)很多新世界。
相關(guān)文章
- Cloudfront 是 Amazon 提供的 CDN 服務(wù),有每月免費 1T 的流量,該流量不可累計,個人小站的話,這個 CDN 是足夠用的了,而且主要是國內(nèi)訪問的速度還不錯,但是需要注意不要2023-10-19
免費為你的網(wǎng)站加速,全球訪問加速還可以防御ddos攻擊的cloudflare
CDN加速通俗來講就是把網(wǎng)站在全國各地的服務(wù)器上復(fù)制一份(即鏡像服務(wù)器),用戶在訪問的時候,路由自動分配到最近的服務(wù)器,提升訪問速度,大家在訪問軟件下載站的時候,經(jīng)2023-10-09什么是AMP(加速移動頁面)Web開發(fā)?AMP的好處以及它與響應(yīng)式網(wǎng)頁設(shè)計的
AMP技術(shù)是一項用于加速移動Web頁面加載速度的技術(shù),它通過限制頁面的HTML、CSS和JavaScript的使用,從而提高頁面加載速度和性能,下面我們將從以下幾個方面對AMP技術(shù)進行拓展2023-10-09谷歌站長(Search Console)工具的注冊安裝及功能介紹
Google Search Console 是一項由 Google 提供的免費服務(wù),可幫助您監(jiān)控和維護您的網(wǎng)站在 Google 搜索結(jié)果中的展示情況以及排查問題,Search Console 可幫助您了解并改善 Go2023-05-13打開網(wǎng)站出現(xiàn)Internal Server Error的原因和解決方法
這篇文章主要介紹了打開網(wǎng)站出現(xiàn)Internal Server Error的原因和解決方法的相關(guān)資料,需要的朋友可以參考下,解決方法:登陸FTP或文件管理器,檢查站點目錄文件權(quán)限設(shè)置,將2022-01-08inxy:超低價“綜合型”國外CDN提供商,專業(yè)POP節(jié)點覆蓋亞洲\歐洲\美洲
inxy,這個2005年成立運作至今的商家不但提供11個機房的VPS、24個機房獨立服務(wù)器,更重要的核心業(yè)務(wù)還有CDN,之所以要來推薦inxy的CDN是因為在性價比上面有著獨到的優(yōu)勢2020-11-16分享盤點10個可免費使用的網(wǎng)站CDN加速服務(wù)
大部分服務(wù)商(如阿里云,網(wǎng)易蜂巢,京東云等)的CDN服務(wù)是按使用量收費的,也有一些服務(wù)商提供免費的CDN服務(wù),這篇文章主要介紹了分享盤點10個可免費使用的網(wǎng)站CDN加速服2020-08-17INXY:運作全球26個國家和地區(qū)的 獨立服務(wù)器、VPS、CDN業(yè)務(wù),價格超便
INXY主要運作獨立服務(wù)器、VPS、CDN、DNS四大類業(yè)務(wù)。inxy有自己的機房,也賣全球其他國家和地區(qū)的相關(guān)業(yè)務(wù),可以說是一個超大型的reseller2019-09-29- 這篇文章主要介紹了新手干貨之網(wǎng)站建設(shè)中常見的一些問題,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-09-18
給我三分鐘還你一個不買視頻會員的理由,手把手教搭建電影網(wǎng)站
本篇文章主要介紹了手把手教搭建電影網(wǎng)站,今天我們就來搭建一個VIP電影網(wǎng)站,本文主旨在于,從基礎(chǔ)的搭建一個簡單的解析網(wǎng)站來引入一些思路,手把手什么的最貼心了。2019-08-22