28张手绘网页设计草图（原型图/框架图）

　

框架图

产品经理们开始制作网页的时候，在没有灵感的时候，除了在各大网站找灵感外，往往是需求分析以后从原型草图开始画啊画啊~画出自己想要的样子，然后再从原型工具上开始设计。今天整理了一些设计大师们画的一些原型图，大家可以看看国外的设计师们是怎样开始创作的，希望可以带给你新的灵感。^_^

个人网站的手绘框架图

网页设计框架图

彩色手绘Web草图

Initial Wireframe Sketches

Marker Comps

World Care Connections

Colophon Page

网站素描线框

Wireframe Sketches for Website

Wireframe

Grid Website Sketch

Website Sketch

personal Website Sketch

Portfolio Website redesign Sketch

Mindstorm Sketch

Librespeak Interface Sketch

early SAMHSA.gov Concept

Web Sketch

Nomads In Stratford-Upon-Avon

Moving Menu Options

5 Year Campaign Site

Sketched Wireframe

Design Utilities – Wireframing Template

网页线框蓝图 

Wibo Web Sketch

Website Sketch

Portfolio Sketch

Sketching a Website

相关阅读

谷歌所说的“整体网页设计”到底是什么概念？

一切都是关联的，更全面的思考将会带来更成熟的产品。Google 所提出的「整体网页设计」最近被越来越多地提起。对于设计师和开发者

画原型图的几大坑，你被埋了吗？！

写这篇文章的原因呢，是因为终于选股宝不是只有一个产品狗惹，最近招了个实习生小盆友帮忙。然后捏，懒癌发作，就想把自己不想画的电子原

当我们在做原型时，我们在做什么？

我们如何看待工具？为什么学习工具是为了理解媒介？为何我们要做原型？原型设计的原则是什么？为什么说好的思维是结构化的解构？欲知详情，请

2018年如何做网页设计？这里有一份新鲜出炉的UX趋势指南

在《2018年如何做网页设计?这里有一份新鲜出炉的UX趋势指南!》上篇中我们介绍了内容为主、节省时间式、个性化、全方位&多渠道以

如何用sketch制作精致的APP原型

需要先申明的一点，本文不是一篇sketch的入门教程，如果对sketch一点不熟悉的话，建议先看一遍sketch用户手册。一年前写过一篇文章：如何