Pixeltrue Mockup Generator 免費模型產生器,將擷圖輕鬆整合裝置畫面

Pixeltrue Mockup Generator 免費模型產生器,將擷圖輕鬆整合裝置畫面

如果要介紹、示範工具或應用程式等產品,通常會透過畫面擷圖搭配說明,不過只有擷圖看起來又很單調,這時候就能將畫面整合在裝置上,也被稱為模型(Mockup)。但是對於設計師以外的使用者來說,要把擷圖放入到筆記型電腦、平板電腦或智慧型手機畫面並不是一件容易的事,因此網路上有不少 Mockups 產生器,選擇你要的圖庫素材,將擷圖上傳後裁切就能變成好看的圖片。

Meta Tag Generator 網站資訊標籤產生器,為搜尋媒體和社群網路最佳化

Meta Tag Generator 網站資訊標籤產生器,為搜尋媒體和社群網路最佳化

對我來說,要讓網站在搜尋引擎取得好的排名表現,把程式碼寫正確是首要任務,因此我相當重視 Google 之前釋出的「搜尋引擎最佳化入門指南」說明文件,如果你對於開發網站有興趣,或是工作也會碰到相關內容,之前推薦過「HEAD 網頁開發參考手冊」很有用,它收錄 HTML5 在會出現的各種元件和使用範例,幫助開發者寫出更為完整全面的網頁標頭,對不想要翻找艱澀繁瑣說明文件的朋友 HEAD 也直接給出最基本的標頭範例。

Mock Magic 為擷圖畫面加上外框,支援 iPhone、MacBook 等裝置模型

Mock Magic 為擷圖畫面加上外框,支援 iPhone、MacBook 等裝置模型

我介紹過不少實物模型(Mockup)工具,可以讓使用者上傳畫面,快速合成到相片中出現的裝置畫面,像是 iPhone、iPad 或是 MacBook,有些還帶有裝飾或景深,看起來非常專業!有時候如果需要展示網頁或應用程式,單獨放上擷圖好像又太單調,就可以選擇像是 Mockup PhotosMockDrop 或 Mockuper 等服務稍微處理一下,類似工具都不需要額外下載安裝軟體,只要選擇想使用的模型,把手邊相片上傳後就會整合。

MockDrop 免費 Mockups 產生器,在圖庫相片整合想呈現的畫面

MockDrop 免費 Mockups 產生器,在圖庫相片整合想呈現的畫面

上面這張相片頗具質感,電腦顯示的是免費資源網路社群首頁,其實不是由我拍攝,現今有非常多的線上工具可以做到所謂「模型」(Mockups)效果,簡單來說就是將你要呈現的畫面整合到圖庫相片特定裝置或範圍,營造出一種好像是自己拍攝的錯覺,對要展示畫面來說會有不錯的效果,例如 Mockup Photos 提供數千張高畫質素材,是我近期最常用的服務;Smartmockups 則是我較早會使用的模型工具,後來相片都必須付費才能使用。

Device Shots 將圖片快速整合到手機、平板電腦或筆電顯示器螢幕

Device Shots 將圖片快速整合到手機、平板電腦或筆電顯示器螢幕

有時候我們會需要將應用程式或是網站畫面呈現在裝置上,例如在設計網站、介紹教學或展示產品會用到,不過要直接拍攝裝置其實並不容易,除非本身有不錯的攝影器材和光線,還得加上後製修圖的時間,其實只要使用 Mockups 工具就能輕鬆做到,我之前介紹過 QurbMobile Mockup 和 MockUPhone 都能達到類似效果,像是將畫面整合到手機、平板電腦或是筆記型電腦,還能選擇不同的裝置外框、顏色或背景顏色等等,即使手邊沒有軟體也能輕鬆製作素材。

Photerloo 上傳照片自動產生 Instagram Hashtags,增加 IG 照片觸及人數

Photerloo 上傳照片自動產生 Instagram Hashtags,增加 IG 照片觸及人數

去年我已經將自己的 Facebook 帳號刪除,個人網誌也已荒廢一段時間,不過一些日常瑣事和想法還是會透過 Instagram 分享,我是一個喜歡拍照並以文字紀錄生活的人,想想 IG 好像更適合自己吧!這幾年有不少人都將重心轉移到 Instagram ,相較於 Facebook 還得面對親朋好友或同事的壓力,或許隨手拍拍照片影片分享社群比較沒有負擔。

Metatags.io 線上預覽、編輯產生對應的 Meta 標籤

Metatags.io 線上預覽、編輯並產生對應的 Meta 標籤

無論搜尋引擎或常見的社群網站都會內建「鏈結預覽」功能,當使用者搜尋或貼上鏈結時會自動去抓取該網站相關資訊,例如標題、說明或縮圖等等,如果沒有進行任何設定那麼會選擇系統判斷最適合的部份,但透過設定網頁中的 Meta Tags 可以指定你要的內容,對於搜尋引擎最佳化(SEO)也有正面影響。之前曾介紹過「Mega Tags」(兩個名詞有點像)是一款 META 標籤產生器,能針對各種社群媒體建立適當的標籤原始碼。

Instagram Story Templates 製作 IG 相片拼貼,讓限時動態顯示更多圖片

Instagram Story Templates 製作 IG 相片拼貼,讓限時動態顯示更多圖片

現在越來越多朋友會將日常生活分享到 Instagram,但又不想用照片「洗版」,還好後來加入的新功能「限時動態」非常有用,雖然一開始被很多人看衰,但後來逐漸有許多使用者以限時動態為主,畢竟不用打很多字又能結合貼圖、特效、文字和票選等等很方便,更重要的是還能和其他使用者互動,至於方法有很多很多,如果你像我一樣不喜歡錄影或開直播,那可以想辦法讓照片好看一點。

Kapwing Video Resizer 將影片線上轉為 IG、Facebook 和 Twitter 社群網站最佳顯示尺寸

Kapwing Video Resizer 將影片線上轉為 IG、Facebook 和 Twitter 社群網站最佳顯示尺寸

若有當過社群網站小編,一定知道每個社群平台使用的圖片、影片尺寸大小各不相同,雖然會自動將圖片裁切成適當尺寸,但如果要獲得最佳顯示效果,建議先自己調整成最佳顯示大小,以免在處理時將重要部分刪除,圖片可以透過「Landscape 為社群圖片最佳化,自動裁切找出最佳曝光黃金比例」和 Tiny Visuals 兩項之前介紹過的服務做到,遇到影片的話除了自己打開編輯軟體剪裁外,現在也有線上工具可以快速從瀏覽器完成影片調整尺寸工作。

Mega Tags 最完整社群媒體 META 標籤產生器,Facebook 社群經營必備

Mega Tags 最完整社群媒體 META 標籤產生器,Facebook 社群經營必備

如果你是經營網站、部落格的站長,一定知道搜尋引擎最佳化(SEO)對網站流量的重要性,這幾年隨著社群網路逐漸蓬勃發展,也開始出現所謂「社群媒體最佳化」(Social Media Optimization,簡稱 SMO)操作方法。既然 SEO 之於搜尋引擎,SMO 當然就是針對流量極高的社群網站。不過這兩者作法大相逕庭,但共同之處在於盡可能提供更明確、易讀的資訊,如果應用在社交網路,最簡單的作法就是完善網站必要的 META 標籤。