20例网页设计草图和线框图

标签： 网页设计 | 发表时间：2012-10-09 11:08 | 作者：
出处：http://sudasuta.com/

继上一次的《 20个网页线框图分享》，我们继续和大家分享优秀的网页设计草图，或者叫做网页线框图。从设计师们最早的设计手稿中学习，更加实用的设计技巧。这种简单实用的方式，有助于设计师与程序元之间的沟通。

素描：VIMEO对话思想 http://www.flickr.com/photos/soxiam/3253375395/in/pool-1070674@N20/

绘制的线框 http://www.flickr.com/photos/70465417@N00/4979740562

设计工具 - 线框图模板 http://www.flickr.com/photos/69058845@N00/5410060063

BPG - UI素描 http://www.flickr.com/photos/martin-kulakowski/3055870213/

精巧 http://www.flickr.com/photos/10ch/4323450776/in/pool-1070674@N20/

VIMEO剪贴页面顶部导航 http://www.flickr.com/photos/soxiam/3361335195/

香草草案线框图 http://www.flickr.com/photos/markbenson/2870293837/in/pool-1070674@N20/

UI素描 http://www.flickr.com/photos/24084766@N07/4596575258/

设计策略 http://www.flickr.com/photos/valentijnooms/2942993344/in/pool-1070674@N20/

“华盛顿邮报” - 发布点网站草图 http://www.flickr.com/photos/colorhive/3232308999/

微型 http://www.flickr.com/photos/abrandnewway/3792374923/

网站草绘 http://www.flickr.com/photos/toddmoy/4979130585/in/pool-835929@N25/

HBO真爱如血网站 http://www.flickr.com/photos/43868681@N02/4066794422/

UserScape线框素描 http://www.flickr.com/photos/rohdesign/2609270383/

最后的注意事项 http://www.flickr.com/photos/jasonrobb/3836463737/in/pool-1158643@N24/

早期的“商业周刊”素描 http://www.flickr.com/photos/stuntbox/198576978/in/pool-835929@N25/

VIMEO素描 http://www.flickr.com/photos/soxiam/3009921903/in/pool-1070674@N20/

CommLogix线框素描 http://www.flickr.com/photos/rohdesign/3307874546/

相关 [网页设计] 推荐：

响应式网页设计

- - 前端观察
这个话题最近很火爆，我也一直在关注，响应式网页设计和移动互联网密切相关，并因移动终端的丰富和普及而兴盛，并且是一个颇具争议的话题，我今天将和大家探讨下. 上周写了个简单的ppt在组内大概介绍了下，感兴趣的话可以 先看下这个PPT. 在说到这个话题前，我们先看下网页设计和前端开发的现状：. 全球有超过53亿手机用户（包括传统手机）.

网页设计的12种颜色

- chenhua - 阮一峰的网络日志
前不久，ColourLovers.com公布了一项调查结果. 他们发现，美国前100大网站的Logo，主要使用12种颜色. 其中，采用蓝色的网站最多，红色排在第二种，黄色排在第三种. 我把这12种颜色的RGB代码列出来，供将来自己做网页时参考.

网页设计师的新挑战

- changwei - 互联网的那点事
随着苹果带来的平板电脑风暴让很多设计理念得到进一步的升级. 每天都有太多的好的创意涌现出来，似乎世界的每个角落都有一群孜孜不倦的Geek在研究着新的技术，在想着好的创意. 或许他们只是用着一种自娱自乐的姿态做着自己喜欢的事情，却给很多人带来了快乐和方便，也在微妙的改变着这个时代. 下面是来自网络搜集来的30个伟大的应用程序以及字体设计，来自网页设计师和开发人员.

如何成为网页设计专家

- Desmond - 译言-每日精品译文推荐
你是否想与客户侃侃而谈让他们认真的对待你的观点，因为看上去你就是个专家. 如果你的答案是肯定的，那么恭喜你，有许多人与你一样. 如果希望有一天能真正做到，那么你需要退后一步再想想，成为专家对你来说为什么如此重要. 为什么我们都希望看上去像个专家. 我们都希望成为专家是因为我们希望我们的观点能够被其它人认真对待.

HTML5和CSS3：网页设计的框架

- 壮壮爱 - 译言-每日精品译文推荐
来源HTML5 and CSS3: Wireframing in the final product. 框架是Photoshop和网页经典的比较之处. 现有的框架和原型工具不能准确体现网站的需求. 静态设计的网站不能在web浏览器上浏览. 而且当你完成网站最终建设，网页上一些元素看起来和草稿中相对应元素不完全一样，客户端会发现那些字体定位上的细微的区别.

网页设计应急小技巧

- Guan - 所有文章 - UCD大社区
工作中，网页设计师经常会遇见这些状况：时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长……. 突然觉得束手无策，脑袋里一片空白，没想法了，怎么办. 下面简浅的归纳了几个快速让页面出彩的小技巧：. 1.旋转法 – 将页面的主体或局部进行旋转. 我们一般的页面版式都是方方正正，四平八稳，有点呆板.

触屏网页设计初探 (二)

- 没剑 - 信息和交互 - UCD大社区
触屏版网页应用，实现移动场景用户需求、体现少即是多的设计精髓并表现主流的触屏界面气质，可算初步达标. 在设计过程中需不断打磨细节，提升体验，令设计日臻完美. 让消息更随手，操作门槛更低 . 费茨法则（Fitts’ Law，1954）是一则人机交互法则. 它阐述了：快速移动到目标的时间是离目标距离与目标大小的函数.

自适应网页设计（Responsive Web Design）

- - 阮一峰的网络日志
随着3G的普及，越来越多的人使用手机上网. 移动设备正超过桌面设备，成为访问互联网的最常见终端. 于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页. 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素.