请选择 进入手机版 | 继续访问电脑版

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

0
回复
534
查看
[复制链接]

127

主题

132

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36030
发表于 2019-10-10 10:53:58 | 显示全部楼层 |阅读模式
 
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





回复

使用道具 举报

 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

公司地址:南阳中关村科技产业园

运营中心:南阳理工学院中关村领创空间

Email:service@qingluanyun.com

Copyright   ©2017-2019  青鸾云Powered by©Discuz!    ( 豫ICP备17038200号 )