
如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」,中文稱為模型或原型,若翻譯成「視覺稿」可能比較容易理解,Mockup 通常在「Wireframe」(線框圖)之後,為了讓整體畫面更貼近最終成果,會將一開始的草稿線條圖加入更多視覺元素,例如將排版、圖形和配色呈現出來,也就能夠得出最後設計稿,而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。
免費資源指南,每日網路資訊與科技新知
by Pseric
如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」,中文稱為模型或原型,若翻譯成「視覺稿」可能比較容易理解,Mockup 通常在「Wireframe」(線框圖)之後,為了讓整體畫面更貼近最終成果,會將一開始的草稿線條圖加入更多視覺元素,例如將排版、圖形和配色呈現出來,也就能夠得出最後設計稿,而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。
by Pseric
最近趁著 Apple 發表會推出新版 iPhone Xs、iPhone Xr,上一代手機降價之際購入新機,也決定將使用快四年的舊 iPhone 淘汰回收,通常在換機時大家都會遇到一個問題:舊手機應該如何處理?有些會直接拿給親友使用,有些狀況較好、較新的手機可能會以二手價賣給別人,如果你跟我一樣覺得麻煩,那麼把 iPhone 交給 Apple 回收也是一個不錯的選擇。
by Pseric
by Pseric
by Pseric
大部分使用者會在 iPhone 或其他手機設定螢幕鎖定密碼,如果沒有輸入正確密碼,或透過指紋解鎖方式通過驗證,就無法進入主選單使用手機完整功能,除了不用擔心手機被其他人任意使用,也避免當手機遺失或遭竊時被取得重要個資。不過很多人不知道 iPhone 或 iPad 甚至更早之前的 iPod touch 其實有安全機制設計,會在輸入多次錯誤密碼後自動將裝置停用,避免密碼遭到暴力破解。
by Pseric
之前介紹過不少將應用程式或網頁畫面整合到圖庫的服務,通常稱為 Mockups,這些工具利用已經拍攝好的素材,將使用者選擇的畫面快速置入,讓相片看起來更有質感,也不用自己費心去調整或編輯圖片,有時候要準備展示畫面或擷圖 Mockups 就會相當實用,Smartmockups 是我很喜愛的工具,至少有不少文章的首圖我都是使用它來產生,除此之外,像是 Mockuper、Fotomock 或 Magic Mockups 也都很好用。
by Pseric
有時候在網路上看到別人製作的插圖很有質感,通常會在圖庫素材中整合自家產品,不但沒有違合感,還能解決類似照片不好拍出來的問題,其實不用透過專業軟體就有一些線上工具可以做到,例如 Smartmockups 除了網頁版以外還能付費購買 Mac 應用程式,其他像是 Magic Mockups、MockUPhone 或 Dimmy.club 都能滿足類似需求,當然圖庫相片多不多也會是選擇的因素之一。
by Pseric
有時候我們會看到很有質感的模型樣板(Mockups),可能是將網頁或應用程式畫面整合到 Macbook 或 iPhone 手機上,但其實這些照片並不是真正透過相機拍攝而成,而是以線上服務來加以合成,讓它看起來很特別、很不一樣!之前曾介紹過 Smartmockups(也是我個人相當喜愛的服務)、Magic Mockups 和 Dimmy.club 都能做到類似的事,只是本身的圖庫集不太一樣,產生效果多少有點差異,通常我會準備一些類似的服務,從中找出最理想的素材。
by Pseric
經常會在各種軟體公司、應用程式或產品官網看到畫面效果,為了吸引使用者目光,也會以裝置內顯示方式呈現,同時還能增進網頁質感,但其實這些圖片多半不是實際拍攝,而是透過一些模板(Mockups)組合而成,不僅在製作上更為簡便,現在也有線上工具可直接將圖片整合到圖庫素材,例如我個人最常使用的 Smartmockups 協助我製作出更引人入勝的文章首圖,或是 Magic mockups、Dimmy.club 能將螢幕擷圖或應用程式畫面放入裝置螢幕中。
by Pseric
如果你是免費資源網路社群的讀者,應該會發現我很用心在挑選文章首圖,對我來說,一篇文章最重要的除了內容,圖片也佔相當大的因素,而且影響整體網站質感。我經常從免費圖庫來找尋合適素材,若沒有好的選擇,會透過 Smartmockups 或 Magic Mockups 之類的合成服務自己製作一張看起來很舒服的首圖。可惜類似服務並不多,若你有找到更多的免費服務歡迎提供給我,或許我可以在這裡寫篇介紹教學推薦給其他人使用。