設計師們開始制作網頁的時候，在沒有靈感的時候，除了在設計達人網上找靈感外，往往是從設計草圖開始畫啊畫啊 ~ 畫出自己想要的樣子，然后再從 Photoshop上開始設計。今天發現在 designbeep 上整理了一些設計師畫的一些草圖，也可以稱作"原型圖"，大家可以看看國外的設計師們是怎樣畫的，或者參考他們用什么筆、本本什么的 ^_^

相關推薦：
《掌握這10條設計理念！讓同事（客戶）更好的了解設計》
《交互設計師不僅僅是個畫破圖的》
《推薦！關于原型設計的一些事》

個人網站的手繪框架圖

網頁設計框架圖

彩色手繪Web草圖

Initial Wireframe Sketches

Marker Comps

World Care Connections

Colophon Page

網站素描線框

Wireframe Sketches for Website

Wireframe

網頁線框藍圖

Wibo Web Sketch

Website Sketch

Portfolio Sketch

Sketching a Website

Grid Website Sketch

Website Sketch

Personal Website Sketch

Portfolio Website Redesign Sketch

Mindstorm Sketch

Librespeak Interface Sketch

Early SAMHSA.gov Concept

BPG – UI Sketch

OnlyJames Wireframe Sketch of Article Detail

Web Sketch

Nomads In Stratford-Upon-Avon

Moving Menu Options

5 Year Campaign Site

Sketched Wireframe

Design Utilities – Wireframing Template

原文：shejidaren
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量61萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：