標籤: 網站設計

Shade 為新創公司提供免費 Landing Page 網頁模板下載

對於新創公司來說,為產品建立一個好看的 Landing Page 非常重要,但很多時候這個想法不被重視,或是沒有預算在第一時間設計出合適的頁面,可能就會錯失許多機會。雖然網路上搜尋一下就有無數的網站模板網站可供下載,但很多顯得過時或沒有幫助,可能得花許多時間編輯修改才能使用,因此有開發者考慮到新創團隊需求推出 Landing Page 素材資源,例如 LandingStock 收錄設計到達頁會用到的相片素材,還有 Cruip 專為新創團隊提供的免費網站模版。

Read More

BrowserFrame 為網頁擷圖加上瀏覽器外框,支援各種瀏覽器和作業系統

身為一個文字工作者,我對於文章排版和圖片相當堅持,特別是每篇教學都會用到的螢幕畫面擷圖,要怎麼設定抓取範圍、呈現都經過相當長時間的不斷研究摸索,才能盡力維持甚至改善文章品質。或許你無法花太多時間擷取螢幕畫面,但又希望擷圖能有不錯的效果,考慮為圖片加上好看的視窗外觀也會讓質感更為提升,之前介紹過 Frrames 和 Browser Frame 都是類似服務,或是利用 Screely 將圖片轉為帶有 Mac 視窗陰影效果。

Read More

Checklist Design 網頁開發者必備參考手冊,助於學習更好的設計方式

身為網頁開發者總會不斷重複一些類似的情境,例如協助其他公司製作網站的價目表、購物車、新手上路、網誌、招聘、聯繫頁面等等功能,可能不同公司對於內容的細節要求略有差異,但整體來說主軸不會相差太遠。舉例來說,部落格頁面需要有文章標題、縮圖、作者、內容和分享按鈕,非必要項目則有相關文章、訂閱、發佈日期和留言功能,那麼有沒有檢查清單可以讓開發者參照呢?

Read More

One Click Test 測試介面設計可否讓使用者快速找到需要的功能或資訊

設計網頁或開發使用者介面有很多「眉角」,可能在文字大小、顏色或按鈕形狀稍作調整就會有完全不同的效果,對於追求完美的設計師來說會找一群人進行 AB 測試(A/B Testing),比較兩種或多種設計中最好的表現結果,而這通常能在最短時間達到最佳的正確性,例如,在購物流程可以準確點選要加入購物車的商品,或是在查詢、註冊或加入訂閱時按下正確選項,可別小看這些設計細節,有時候一點點微小差異就足以造成相當大的影響。

Read More

LandingStock 圖庫收錄設計 Landing Page 會用到的免費相片素材

在網路行銷中有一個很常聽到的名詞叫做 Landing Page,中文稱為著陸頁面或到達頁面,簡單來說,就是使用者進入網站後最先看到的第一個頁面,產品通常會以各種不同方式進行宣傳,例如電子報、社群貼文、廣告或搜尋,Landing Page 的功能就是設計內容以引導瀏覽者完成某些動作,像是訂購商品、註冊會員或留下聯絡方式等等,這一連串的過程也被稱為轉換。

Read More
Loading