选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

【干货】40个网页设计草图案例分享

草图已经不是什么新的技术了,我们在用的很多经典的生活用品都可能有着一张古老而值得纪念的草图。设计师在设计的最初都带着朦胧的印象。对于具体的样子是没有概念的。在WEB设计中通过草绘出网页的最初框架来定义你网站的前期风格。草图是设计工作中最基础也是最重要的一个阶段。我们都说万事开头难。架构一个网站的最初框架也是一样的。你需要在这个过程中和客户沟通来不断的完善出你的架构来得到客户的认可。

这样网站才能在后期的设计中得到更多的肯定。框架的定制不仅仅要体现出客户的需求,更多的时候还需要考虑用户体验。如何设计出更优质的交互体验在设计初期也是很重要的。这将决定后期设计是否可能更好的做出相应的反应。在设计过程中,设计师最初只是需要一只铅笔和几张纸。画出概念,拉出功能,用简单的素描记下自己的想法和创意。这是一个非常好的设计创意方式。非常有效。今天,我们分享出的是40个优秀的网页设计草图案例。你可以从这些最初的设计草图中去发现一些优秀网站是如何诞生的。

Librespeak Interface Sketch

clip_image001

Coastal Capital Partners Wireframe Sketch

clip_image001

Sketching

clip_image001

Jaws Article View Sketch

clip_image001

War of the Roses

clip_image001

Original Sketch

clip_image001

Personal Website UI Sketch

clip_image001

SAMHSA Redesign – Drawn Wireframe

clip_image001

Initial ideas for my new blog design

clip_image001

BlogEngine Add/Edit Posts Form – sketch

clip_image001

OnlyJames Wireframe Sketch of Article Detail

clip_image001

Best of Philly Sketch

clip_image001

Image-based Search Results for Museum Collection

clip_image001

Moving Menu Options

clip_image001

5 Year Campaign Site Sketch

clip_image001

Wireframe Mlift Index

clip_image001

OoPixel Website Paper Sketch

clip_image001

Timanttiremontti.fi Website Initial Sketch

clip_image001

Web Sketch #16

clip_image001

Website Thumbnail

clip_image001

Sketched Wireframe

clip_image001

Design Utilities – Wireframing Template

clip_image001

Sketch: Vimeo Conversations Page Ideas

clip_image001

CommLogix Wireframe Sketch

clip_image001

Vimeo Clip Page Top Nav

clip_image001

Microsites

clip_image001

UserScape Wireframe Sketch

clip_image001

BPG – UI Sketch 2

clip_image001

HBO True Blood site

clip_image001

Contraptions

clip_image001

UI Sketch

clip_image001

Design Strategy

clip_image001

Vimeo Sketch

clip_image001

Early BusinessWeek Sketch

clip_image001

Vanilla Draft Wireframes

clip_image001

Final Notes

clip_image001

The Washington Post – Post Points Website Sketch

clip_image001

Bermuda Triangle Site Organization

clip_image001

Website Sketched

clip_image001

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。