【转发】30张设计师的手绘网页草图(原型图/框架图)
【转发】30张设计师的手绘网页草图(原型图/框架图)

    老梁

    Lv.9
    楼主
    2019-10-10 10:53:58
    43030
30张设计师的手绘网页草图(原型图/框架图)

文章来源:设计达人
原文网址:http://www.shejidaren.com/web-design-sketches.html


原文内容:



设计师们开始制作网页的时候,在没有灵感的时候,除了在设计达人网上找灵感外,往往是从设计草图开始画啊画啊~画出自己想要的样子,然后再从Photoshop上开始设计。今天发现在designbeep上整理了一些设计师画的一些草图,也可以称作”原型图”,大家可以看看国外的设计师们是怎样画的,或者参考他们用什么笔、本本什么的^_^

个人网站的手绘框架图
001.jpg
图片来源:http://dribbble.com/shots/789131 ... Website-Coming-Soon


网页设计框架图
002.jpg
图片来源:http://dribbble.com/shots/673357-Sketching-for-web


彩色手绘Web草图
003.jpg
图片来源:http://dribbble.com/shots/862670-Colorframes


Initial Wireframe Sketches
004.jpg
图片来源:http://dribbble.com/shots/490763 ... -Wireframe-Sketches


Marker Comps
005.jpg
图片来源:http://dribbble.com/shots/146763-Marker-Comps-wider-shot


World Care Connections
006.jpg
图片来源:http://dribbble.com/shots/187494 ... s-Website-Wireframe


Colophon Page
007.jpg
图片来源:http://dribbble.com/shots/327997-Colophon-Page


网站素描线框
008.jpg
图片来源:http://dribbble.com/shots/836364-Website-Sketch-Wireframe


Wireframe Sketches For Website
009.jpg
图片来源:http://dribbble.com/shots/972939-Wireframe-Sketches-for-Website


Wireframe
010.jpg
图片来源:http://dribbble.com/shots/739838-wireframe


网页线框蓝图
011.jpg
图片来源:http://dribbble.com/shots/668352-Sketch-for-my-new-website


Wibo Web Sketch
012.jpg
图片来源:http://dribbble.com/shots/668815-wibo-web-sketch


Website Sketch
013.jpg
图片来源:http://dribbble.com/shots/787189-Website-Sketch


Portfolio Sketch
014.jpg
图片来源:http://dribbble.com/shots/86301-Portfolio-sketches-in-progress


Sketching A Website
015.jpg
图片来源:http://dribbble.com/shots/735734-Sketching-a-website


Grid Website Sketch
016.jpg
图片来源:http://dribbble.com/shots/58373-Sketch-Grids


Website Sketch
017.jpg
图片来源:http://dribbble.com/shots/528513-Website-sketch


Personal Website Sketch
018.jpg
图片来源:http://dribbble.com/shots/708581-Wireframes


Portfolio Website Redesign Sketch
019.jpg
图片来源:http://dribbble.com/shots/916580 ... ite-Redesign-Sketch


Mindstorm Sketch
020.jpg
图片来源:http://dribbble.com/shots/655827-Mindstorm-Sketch


Librespeak Interface Sketch
021.jpg
图片来源:http://www.flickr.com/photos/dirtyalpaca/3904628439/


Early SAMHSA.Gov Concept
022.jpg
图片来源:http://www.flickr.com/photos/mexijew/4701007500/in/pool-uxsketch


BPG – UI Sketch
023.jpg
图片来源:http://www.flickr.com/photos/mar ... 2/in/pool-uxsketch/


OnlyJames Wireframe Sketch Of Article Detail
024.jpg
图片来源:http://www.flickr.com/photos/jamesmowery/4155129641/


Web Sketch
025.jpg
图片来源:http://www.flickr.com/photos/lookatlao/5432503695/


Nomads In Stratford-Upon-Avon
026.jpg
图片来源:http://www.flickr.com/photos/ajleon/4662696641/


Moving Menu Options
027.jpg
图片来源:http://www.flickr.com/photos/abiv/6938934244/in/pool-1070674@N20/


5 Year Campaign Site
028.jpg
图片来源:http://www.flickr.com/photos/29142435@N08/4089006972/


Sketched Wireframe
029.jpg
图片来源:http://www.flickr.com/photos/70465417@N00/4979740562


Design Utilities – Wireframing Template
030.jpg
图片来源:http://www.flickr.com/photos/69058845@N00/5410060063





 
 

首页

教程

论坛

素材

我的