免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權

免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權

本文更新日期:2020年9月18日
本文閱讀時間:大約三到五分鐘。 根據研究顯示,圖片或照片品質的好壞將是影響消費者願意停留駐足的關鍵,但只要你曾經參與過任何廣宣或是網站設計,你一定都遇過這樣的事情:那就是要找到一張合適並且與內容主題相符合的圖片有多麼困難跟耗費時間。更別說還要花時間判斷什麼是創用CC、什麼是Royalty Free等等一堆複雜的專業名詞了。 在本篇,我們試著簡述網路上各種不同的版權專有名詞究竟是什麼,以及哪裏可以找到高品質的照片或圖片,讓你的生意或網站生意興隆。

什麼是圖像授權?

世界大部分地區的著作權法賦予圖像的創作者獨家複製權,公開展示圖像或將圖像用於其他作品。如果有其他人想要使用圖片,則需要獲得創作者的許可,並且可能需要支付相應的費用才能這樣做。但這不代表我們必須找到原始圖片或影像的創作者,並請求他們的允許,甚至支付費用才能他們使用它?賣鬧啊,那也太累了!現在網路上有許多的圖片是不需要這麼麻煩才能取得使用授權的,你只需要確認這張圖片的使用權限允許你在什麼情況下使用即可。目前大約分成四類:
  • 使用類型( Type of Use ):商業或非商業用途,圖片是否使用在銷售上。
  • 註明來源( Attribution ):除了獲得使用許可外,還必須註明原始圖片出處以及作者資訊或連結。
  • 再次創作( Modification ):原始圖像經過授權後,你可以進行修改。
  • 可使用次數( Number of Uses ):圖像能夠使用的次數。

網路常見的圖像授權類型

當你在網路上搜尋圖像的時候,應該都會發現每種圖像都有它不同的授權方式,以下就是我們整理出來的,建議你仔細確認,以免未來遭受一些不必要的麻煩。

著作財產權已消滅的圖像 ( Public Domain )

如果圖像被歸類為著作財產權已消滅 ( Public Domain ) 的話,則意味著創作者的版權可能已經過期,完全被放棄或者不適用。這類的圖像可以用於任何目的(商業或非商業)也不需要創作者的同意(應該也找不到了),不限使用次數,並且在你認為合適的情況下進行修改。 這裡有個好地方你可以去看看,那就是紐約公共圖書館公開出版的18萬張圖片,任何人都可以下載並用於任何目的。 唯一有一點需要注意的是,版權法是一個特定國家的問題,雖然許多國家的條款是一致的,但是一個國家的公有領域的作品在另一個國家可能仍然有權利。 想要了解更多,你可以參考這裏的說明:台灣創用CC計畫

創用CC ( Creative Commons )

這是一種相對較新的類型,主要用意在幫助創作者輕鬆更改其版權的條款和條件,並允許他人在特定條件下使用其內容。在台灣我們通稱為創用CC授權條款。

簡單的來說,只要圖像是用於非商業用途並且按照作者的要求標示,你就可以取用。想看更詳細的內容,你可以到:創用CC是什麼,了解更多。

買斷式使用授權 ( Royalty Free )

儘管英文名稱中有“免費”兩個字,但並不是真的免費使用。而是讓你支付一次性的費用,才能使用在你想要使用的地方,並且根據需求來重複使用。要說Royalty Free最好的範例,你可以到:ShutterStock去看看,就知道是怎麼一回事了。 更多資訊,詳見維基百科:買斷式授權 在此順便提一下:條件式授權 ( Rights-Managed ) ,比起現在比較流行的買斷式授權,條件式授權就相對少了一點,由於在圖像授權上,Righs-Managed是屬於有條件式的授權,也就是圖像的價格為一次性授權費,而費用會因為你使用於不同的媒體,環境,年限等的不同而有所差異,通常這類的圖像都屬於較難取得,或是內容較特殊的圖像,例如:戰地珍貴的照片。  

上面講述了現在市面上大多常見的授權差異,相信你也開始有一些概念了,接下來我們就來分享一些國外好用的免費素材網站,相信對於預算有限的你來說,絕對有很大的幫助。

免費圖庫網站整理

根據我們之前的文章:9個你必須注意的電商網站設計原則所提到,好看的圖片真的很重要,不過要記得在使用前必須清楚的知道這張圖片的使用授權規範為何,不要侵犯原作者的權益喔!  

Flickr ( 創用CC )

Flickr就是很標準的創用CC圖片授權的網站,上面的圖片多到你找的眼花撩亂了。值得一提的是,他們也提供了很好的搜尋工具,因此你可以有條件的在網站裡面好好的搜尋,只是圖片的品質就沒有那麼一定了。另外要注意的是,在使用站內的圖片時,記得要註明出處以及標示作者的資訊,以避免不必要的困擾喔。

Pixabay ( 免費使用 )

Pixabay裡面,所有的圖片都是免費使用,無需載明出處,他們網站內的規範這麼說到:你可以複製,修改,轉發等方式使用這些圖像,甚至用作商業用途,無需申請許可,也無需支付版稅。但是,圖像中所涉及的內容仍有可能涉及商標權和公共及隱私權。

Canva ( 免費 + Royalty Free + 設計 )

Canva是個很有趣的網站,它提供了多種不同的模式供使用者在網站內使用,包含了:設計、免費圖片、付費圖片。如果你剛好預算有限或是設計師不在身邊的話,很推薦你到這邊來晃晃,站內提供了不少的素材供你免費使用,而且針對不同的用途,他們提供了各式不同的規格,例如:A4、Facebook版面、海報、部落格使用等等大大小小的預設規格,每種規格都有一堆設計好的模板讓你使用,如果本身是設計苦手,但又需要應急的話,建議可以先來這邊使用看看喔!

設計救星 - Canva

臨時需要設計資料還是海報或是Banner,Canva裡面都有滿滿的好用資源讓你使用。

需要設計師協助嗎?

設計迷提供線上即時諮詢,以及報價服務,不論你在何處,歡迎你隨時隨地與我們聯繫。

延伸閱讀

設計資源
免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權

免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權

根據研究顯示,圖片或照片品質的好壞將是影響消費者願意停留駐足的關鍵,但只要你曾經參與過任何廣宣或是網站設計,你一定都遇過這樣的事情:那就是要找到一張合適並且與內容主題相符合的圖片有多麼困難跟耗費時間。

網站設計
網站設計二三事 | 11種不應該出現在你網站的設計 - 1
網站設計二三事 | 11種不應該出現在你網站的設計

網站設計二三事 | 11種不應該出現在你網站的設計

好不容易費盡心血做好的網站,不論是找設計師還是自己努力爬文做好的,肯定恨不得馬上公告給全天下對吧?但如果你的潛在客戶並不買單該怎麼辦?(翻桌)
尤其在網站上線之後,從一開始很漂亮的瀏覽量+轉換率,接著一直快速的下滑,或是明明有很高的訪客數字卻一直沒有人買單,我相信沒有什麼比這還令人感到絕望了。

網站設計二三事 | 11種不應該出現在你網站的設計

網站設計二三事 | 11種不應該出現在你網站的設計

好不容易費盡心血做好的網站,不論是找設計師還是自己努力爬文做好的,肯定恨不得馬上公告給全天下對吧?但如果你的潛在客戶並不買單該怎麼辦?(翻桌

尤其在網站上線之後,從一開始很漂亮的瀏覽量+轉換率,接著一直快速的下滑,或是明明有很高的訪客數字卻一直沒有人買單,我相信沒有什麼比這還令人感到絕望了。

因此有些話我們還是想對你(就是現在正在看文章的你)說,網站設計有一些死穴是絕對不能碰的,一旦不小心,你的心血結晶就灰飛煙滅(燒毀~)以下是我們整理出來的11個網站絕對不能有的東西,希望能夠協助到你。

 

1. 網站讀取速度太慢

相信我,今年是人類有史以來最沒耐性的時候了!尤其是當大家看到你好棒棒的宣傳廣告而點進來以後,卻發現必須等超過5秒以上才看得到內容,那他肯定立馬翻桌走人。

根據統計,47%的使用者希望網站在兩秒鐘內就讀取完畢。如果你的網站讀取時間超過三秒的話,至少會有40%的人離開。嘿啦,就是那一秒鐘!另外根據亞馬遜(Amazon)的統計,網頁讀取延遲一秒就會花費16億美元。沒錯,一秒鐘!(雖然我不太清楚為什麼是16億,不過好吧,總之就是很驚人)。

因此,如果你想要一秒惹惱你的顧客,那就讓網站繼續保持像撥接網路時代的讀取速度吧。坊間其實有很多工具可以讓你檢視你的網站讀取速度,例如 Google Page Speed Insight ,別怕,他有中文介面,輸入你的網址試試看吧!

2. RWD響應式網站很重要!

這是老話題,但總是有很多網站基於許多理由就是不更新,坦白說,如果不想更新不如直接砍掉,至少不會讓你的顧客覺得你不用心。而且不止這樣,就連搜尋引擎Google也非常不喜歡這類不在乎使用者體驗的網站而祭出相應的懲罰。所以相信我們,如果你基於種種理由無法更新網站的話,那至少先刪除。

至於怎麼設計適合各種裝置瀏覽的網站,我們接下來會再更新上來給你。
PS:如果你真的有想改變一點什麼的話,歡迎跟我們聊聊(右下角那個按鈕可以直接跟我們的設計師聯繫)。

3. 彈出式視窗四處可見

其實不是說彈出式視窗這功能不能用,而是一旦用法不對,或是放錯位置,直接逼走客戶真的是剛好而已。誰都不喜歡為了看內容而必須一直點右上角的XX對吧?切記,右上角的XX跟瀏覽器的返回鍵其實距離很近。

但如果只是想要一個可以讓你的客戶訂閱你的網站或是電子報的跳出式視窗該怎麼辦?其實現在有不少工具可以協助你來判斷怎麼樣是讓你的客戶比較舒服的,比如A/B test,做兩版不同的網頁來測試一下不就OK了?

試試看吧,A/B test其實很好用的。

4. 網站設計的風格過於復古

看看上面這張範例….嗯。其實他們是一個廣告公司的網站,故意這麼設計的。但若非出於刻意安排,我相信沒有人會想要看到這類型的網站吧?拜託不要!

 

5. 圖庫的照片hen好用,但是不要全部都是啊

圖庫的照片有時候可以解決大多數人的困擾,尤其是沒有攝影師或是預算有限的時候,這個我們也理解,我們偶爾也是會用圖庫的資源。

但不是叫你整個網站都用圖庫的照片啊啊啊,就算要用,至少也仔細挑一下照片的品質,不要弄得網站好像就是在賣圖庫的。這部分我們也會再另外寫一篇分享文。在這裡先分享一個有趣的網站:Art of Manliness blog

6. SEO很重要沒錯,但顧客感受更重要

還記得早年大家都在宣導,網站關鍵字塞越多越好嗎?那個年代已經過去咯,現在的搜尋引擎比你我都想像的聰明,針對這類的行為Google也做了相應的懲處,因此如果你還有這個觀念,拜託也請改掉。

SEO有他的基本需求,但我們想要強調的還是瀏覽你網站的顧客感受,沒有什麼比這個還要來得重要了,而且隨著時間的推移,顧客體驗這件事會更加重要。試著多看看其他網路上的說明,或是去書局翻翻書也好,要不,看看我們分享的這個連結吧:別執迷於SEO演算法,你該執迷的是使用者體驗 – by Awoo

7. 自我介紹也很重要喔

不論你的網站是什麼類型,願意花時間讀你的內容的顧客,或多或少也會想了解你的品牌或是作者的背景。一個不用心製作的關於品牌(或是關於我)頁面肯定會讓你的網站大大的扣分。

無論如何,試著用你日常講話的口吻來描述一切“關於你” 或是“關於品牌”的介紹。絕對讓你的網站魅力加分!

8. 網站跟迷宮一樣

網站設計的最基本元素就是良好的動線安排,切忌讓你的顧客在網站迷路,針對這部分你可以參考我們另一篇文章:9個你必須注意的電商網站設計原則 (建議你先另開新視窗,專心閱讀完這篇再繼續看下一篇喔)。

如果網站充斥著錯誤的連結,或是常常讓人迷路的話,你的網站瀏覽率快速下滑只是時間早晚的問題了。因此在網站一開始設計的時候,我們都會先畫好完整的動線安排路線圖,以及完整的分類導覽等,再來決定每一個位置,頁面該填入哪些內容。而不是過於沈迷於SEO,試著填入一堆想要騙客戶點擊進來的關鍵字,這樣一來,除了客戶不會再上門外,Google還會幫忙補你幾腳的。

所以記得,檢視一下你的網站是否有錯誤的連結以及動線安排是否合適吧。

9. 網站標題跟內容不佳

一個好的網頁或是文章的標題往往是決勝負的關鍵,但我們要說的不是叫你用標題殺人法騙點擊,而是試著在這塊環節更加用心一點。試著站在客戶的角度想,當看到你下的這個標題,顧客心中所期待看到的內容會是什麼?換個角度來說,假設你經過一家店,門口充滿著各式“不純砍頭”、“倒店大拍賣”、“租約到期”這類的宣傳字眼,現在的你,真的會走進去看看嗎?我想應該不會吧?

消費者真的看得出來你是否用心在經營你的店面(網站)。

10. 自動播放影片,賣鬧啊!

你有遇過在安靜的辦公室內,有同事在偷偷逛網站,結果不小心點到某些網站嵌入了自動播放影片還加上強制播放聲音的情形嗎?(我絕對不會說那個人就是你)。這真的超尷尬的,拜託不要讓你的顧客陷入這種窘境,雖然我們都知道你很想把你的作品或是介紹影片讓你的顧客看到,但是請用其他更聰明的方式,比如加上一些貼心的提醒,或是加上一些按鈕,讓他們可以自願點擊播放,千萬不要造成別人的困擾啊。

11. 重複架站

有些時候我們會遇到一些客戶,他們有兩個網站,原因是很早期做了一個,後來基於其他因素又另外做一個;或是不知道什麼原因,將官網跟購物車分開了(拍額頭)。

記得我們前面說的嗎?客戶體驗至上,不要讓他們在不同的網站跳來跳去,跳到最後只會讓你的生意白白的送給別人。過去的就讓他過去了,如果真的想要重新架站,麻煩把以前的刪掉,不要貪心。

小小總結

感謝你花時間看完我們的小小分享(鞠躬),說了這麼多,我們只是想強調一件事:顧客體驗至上,不論你是否做過生意,或是開過實體店面,每個來店裡消費的客戶,你都很盡心盡力的服務他不是嗎?那請站在客戶的立場想想,網站的規劃是否能讓你的顧客感受到你的用心,就像開店一樣,從設計圖、管線安排、裝潢、門面等等的,我們不都也是非常用心的交給專業的設計師來處理嗎?希望以上的內容能幫助到你喔。

PS:如果對於網站設計,或是想要我們協助你檢視現在的網站,都很歡迎你透過我們網站的右下角,直接與我們的設計師聯繫,或是到我們的Facebook:設計迷 來逛逛。

延伸閱讀

設計資源
免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權

免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權

根據研究顯示,圖片或照片品質的好壞將是影響消費者願意停留駐足的關鍵,但只要你曾經參與過任何廣宣或是網站設計,你一定都遇過這樣的事情:那就是要找到一張合適並且與內容主題相符合的圖片有多麼困難跟耗費時間。

網站設計
網站設計二三事 | 11種不應該出現在你網站的設計 - 1
網站設計二三事 | 11種不應該出現在你網站的設計

網站設計二三事 | 11種不應該出現在你網站的設計

好不容易費盡心血做好的網站,不論是找設計師還是自己努力爬文做好的,肯定恨不得馬上公告給全天下對吧?但如果你的潛在客戶並不買單該怎麼辦?(翻桌)
尤其在網站上線之後,從一開始很漂亮的瀏覽量+轉換率,接著一直快速的下滑,或是明明有很高的訪客數字卻一直沒有人買單,我相信沒有什麼比這還令人感到絕望了。

8個實用的實物模型(Mockup)好網站分享

8個實用的實物模型(Mockup)好網站分享

本文更新日期:2020年9月18日

讓您的網站看起來盡可能專業絕對是一個痛苦的的過程。 最常見的問題之一是找到適合的圖片或圖形,以符合你試圖帶來的內容。 好險,網路上現在充滿了能夠幫助我們更快,更好,更有針對性地開展工作的資源,其中一個資源是模型設計( Mockup ) 。 擁有出色的圖片和能夠根據您的需求進行個性化的組合,對於大多數人來說是一個快速節省時間的方法。 在網頁設計領域很難找到一個以前沒有做過這類Mockup的人。 Mockup通常很容易修改,並可以把你的網站帶到一個不同的視覺效果。 在這篇文章中,我們將分享一些很好的資源,為你提供免費的實物模型設計。 讓我們來看看!

1. Mockup World

Mockup資源設計 | 設計迷

 

Mockup World 是我們希望與您分享的第一個資源。 這個網站致力於將人們與各種用途所需的模型設計聯繫起來。 這個網站絕對是你的第一個去的地方,因為它為網友提供免費的Mockup模型。 他們收集所有內容,並將其顯示在自己的網站上,讓使用者可以輕鬆地找到他想要的資源,而無需浪費時間瀏覽太多的網站。

2. Free Design Resources

Mockup資源設計 | 設計迷

接下來是Free Design Resources。該網站提供了各種資源,如模型,字體,模板和圖形。 網站上顯示的所有資源都是免費的,所以你不必擔心是否需要付費。 除此之外,網站將不同類別以及各式Mockup整理的有條有理。 使用者都可以快速瀏覽這些類別,找到你所真正需要的資源,而不會浪費任何時間。

3. Graphic Burger

Mockup資源設計 | 設計迷

Graphic Burger 是我們口袋裡免費的Mockup設計來源之一。他們提供UI樣本,ICON,文字效果,背景和更多。在這裡你可以輕鬆瀏覽他們提供的所有內容,讓您根據他們的流行度(最受歡迎,獨家,流行,精選)對所有項目進行排序。在這個網站找到正確的模型,超easy!

4. Pixel Buddha

Mockup資源設計 | 設計迷

Pixel Buddha 也很值得在你需要靈感的時候去逛逛。他們有一個相當廣泛的分類,其中包括免費的PSD模型模板。在他們的網站中,你可以注意到兩種類型的Mockup設計:免費的和付費的。你可以透過查看標籤來輕鬆找到免費的版本。如果有“加號”標記,則不是免費的。不過要下載免費的模型,你需要訂閱網站。

5. Pixeden

Mockup資源設計 | 設計迷

接下來,是Pixeden。這裡提供優質和免費的PSD Mockup模板。如果你有興趣查看所有內容(包含付費和免費的),則可以選擇Mockup過濾器。但是,如果你只是想找到免費的模型,你可以選擇免費的Mockup。這裡大多提供跟,書籍或紙張相關的Mockup。

6. Freebiesbug

Mockup資源設計 | 設計迷

另一個很好的資源是Freebiesbug。如果你正在尋找與科技類產品或3C手機Mockup相關的資源,你絕對不能錯過這邊。網站上列出的所有PSD模型都是免費使用的,你可以簡單瀏覽所有提供的選項。像Mockup World一樣,Freebiesbug收集了其他地方的資源,並無私的與大家分享(感恩樓主,好人一生平安)。

7. Original Mockups

Mockup資源設計 | 設計迷

Original Mockups結合了所有類型的模型(不只有手機模型的Mockup)而是許多原創的Mockup。這個網站有各種各樣的模型,並允許你按新、舊、下載或名稱來排列。在下載Mockup之前,網站會要求你的電子郵件地址來進行下載。一旦你收到一封認證的Email,就可以從那裏來下載了,好處是你可以回頭檢查自己到底下載了什麼。

8. UI Space

Mockup資源設計 | 設計迷

最後一個 UI Space。這是一個收集來自不同來源的免費Mockup網站,本網站上分享的Mockup模型主要與科技產品有關,對於公司主要產品是app或網站的人來說,相當好用。這個網站提供的一個很好的附加功能是“編輯選擇”,它使參觀者能夠看到所有不同的模型。對於不熟悉Mockup模型或設計的人來說,還是非常有幫助的。

總結一下

在這篇文章中,我們分享了一些很棒的資源網站,讓你可以快速的找到免費的Mockup模型,並且讓它們幫助你提高網站的視覺效果,而不必投入大量時間,精力或資源。如果您對於設計有任何問題或需求,歡迎隨時透過線上諮詢與我們聯繫喔!

 

需要設計卻臨時找不到人?

自己身為設計師,我們都明白臨時需要一張海報或是IG需要照片但是找不到人處理的痛苦。
或是需要靈感的時候,卻找不到靈感來源。
我們推薦你這一味,Canva!

延伸閱讀

設計資源
免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權

免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權

根據研究顯示,圖片或照片品質的好壞將是影響消費者願意停留駐足的關鍵,但只要你曾經參與過任何廣宣或是網站設計,你一定都遇過這樣的事情:那就是要找到一張合適並且與內容主題相符合的圖片有多麼困難跟耗費時間。

網站設計
網站設計二三事 | 11種不應該出現在你網站的設計 - 1
網站設計二三事 | 11種不應該出現在你網站的設計

網站設計二三事 | 11種不應該出現在你網站的設計

好不容易費盡心血做好的網站,不論是找設計師還是自己努力爬文做好的,肯定恨不得馬上公告給全天下對吧?但如果你的潛在客戶並不買單該怎麼辦?(翻桌)
尤其在網站上線之後,從一開始很漂亮的瀏覽量+轉換率,接著一直快速的下滑,或是明明有很高的訪客數字卻一直沒有人買單,我相信沒有什麼比這還令人感到絕望了。