Tag: tools

【教學】Placeit – 半免費的貼合圖片工具,若付費有點小貴

這個工具對於一般人來說未必有用,很可能只是一時三刻才會用到的東西,但不能否認它的圖檔很豐富,而且效果很好,若身邊沒有設計人員,又剛好需要這樣的效果不妨用一下。 Placeit.net 的概念是這樣的,它會幫你製作各種嵌入式的照片,例如下圖這個女士使用 MacBook 然後你想它的螢幕上顯示你的產品照。如果你有類似的需求,那麼你便適合使用這款工具。 或是你想有自已的品牌廣告,像上面石先生那罐飲料一樣也可以,難度不大,問題是你是否有這樣的需求。 https://placeit.net/ 本身有分 Digital、Print 及 Apparel,三個選擇在實際看過以後都不太明白有關分別,大概就是圖檔的差異,而使用上都是相同的方便簡單。 首先,你需要在左邊選擇你需要的圖檔,然後你便可以在右邊上方 Upload 你的照片,網站會自動建議裁切,而你也可以按情況來修改,達到最佳效果。 這個工具最不好的便是它的價格不便宜,本身免費的僅提供 400x300 的尺寸,而高一級能用的 Full HD 便收費 US$8,而超大型的 3000px 以上則收費 US$28,價格一點都不便宜,但考慮到方便性圖檔的版權等,或許公司的員工還是可以使用的。  

【Tools】Browser Screenshots – 看盡各種瀏覽器上的網站效果

管理網站,總會有更改版面或廣告效果的時候,每次在更改的時候最擔心的就是改完了以後出錯,特別是各大 Browser 的呈現總是有點差別,要每個去查看就特別的麻煩。 在那個 IE 6 仍然流行的年代,設計師大概就會超級苦惱,還要特別另寫一套版型出來遷就。縱使今天的瀏覽器已經差不多,加上 Responsive Web Site 的發展讓各種網頁都能好好展示。 不過,時代進步又會帶來新問題,讓我們需要在電腦、平板與手機之間觀看不同的變化,而這次給大家介紹的這個 Browser Screenshots 就能給我們一個簡單的查看方法。 使用上,Browser Screenshots 十分簡單,打開頁面輸入網址就會幫你直接在多款瀏覽器上查看,點選就可以詳細看到截圖,沒有任何的難度。 這個工具暫時提供 IE 6 / 7 / 8 / 9 / 10 / 11、Chrome、Firefox、Safari 6.0 / 7.0、Windows 8.1、Google Nexus 6、Nexus 9、iPhone 6 及 iPad Air 的呈現效果,能夠讓我們有一個比較簡單的認知。 不過,石先生在測試的時候發現部份瀏覽器無法正確的顯示效果,所需的時間比想像中要也許是網站比較舊的關係,但看來也不是單一事件,或許還要更多的時間去改進。 如果你有需要使用這類型工具的話,或許就試試看吧!暫時看來這是介面最漂亮並整合了平板與手機的一個了。