文档章节

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

王尘宇
 王尘宇
发布于 2017/09/07 00:04
字数 258
阅读 6
收藏 0
设计师们开始制作网页的时候,在没有灵感的时候,除了在设计达人网上找灵感外,往往是从设计草图开始画啊画啊 ~ 画出自己想要的样子,然后再从 Photoshop上开始设计。今天发现在 designbeep 上整理了一些设计师画的一些草图,也可以称作” 原型图”,大家可以看看国外的设计师们是怎样画的,或者参考他们用什么笔、本本什么的 ^_^  

个人网站的手绘框架图

01

网页设计框架图

02

彩色手绘Web草图

03

Initial Wireframe Sketches

04

Marker Comps

05

World Care Connections

06

Colophon Page

07

网站素描线框

08

Wireframe Sketches for Website

09

Wireframe

10

网页线框蓝图

11

Wibo Web Sketch

12

Website Sketch

13

Portfolio Sketch

14

Sketching a Website

15

Grid Website Sketch

16

Website Sketch

17

Personal Website Sketch

18

Portfolio Website Redesign Sketch

19

Mindstorm Sketch

20

Librespeak Interface Sketch

21

Early SAMHSA.gov Concept

22

BPG – UI Sketch

23

OnlyJames Wireframe Sketch of Article Detail

24

Web Sketch

25

Nomads In Stratford-Upon-Avon

26

Moving Menu Options

27

5 Year Campaign Site

28

Sketched Wireframe

29

Design Utilities – Wireframing Template

30     原文: shejidaren

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
私信 提问
加载中

评论(1)

cindy21
cindy21
手绘的弊端太多了,还是使用Mockplus工具吧,软件可以快速呈现个人的一些想法,修改起来也是非常便捷。
4款最受欢迎的Mac原型工具

原型工具中Wireframe, Mockup和prototype之间的有什么不同? 无论你是一名刚入行的UX/UI设计师,还是入行多年的老手,在制作原型的过程中一定接触或听说过其中很重要的三个原型术语:“wiref...

jongde
01/15
0
0
UI设计软件Balsamiq Mockups

Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室,创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评。2年多来,Balsamiq工作作为一个微型独立软件开发商,专注于...

liyu
2010/07/26
0
0
一名交互设计师必备的知识架构

一名交互设计师必备的知识架构 Just Normal2015-08-3053 阅读 设计交互设计 如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书、学了一大堆软件、...

Just Normal
2015/08/30
0
0
同济大学「智能大数据可视化实验室」开发绘图机器人,相关论文被 AAAI 2019 收录

雷锋网(公众号:雷锋网) AI 科技评论按:第 33 届人工智能顶级国际会议 AAAI 2018 论文收录结果目前已公布,其中就收录了同济大学「智能大数据可视化实验室」开发的绘图机器人 AI-Sketcher ...

丛末
11/03
0
0
产品需求文档的写作(三) – 原型设计(手绘原型,灰模原型,交互原型)

上一篇文章我们通过思维导图将想法进行了结构化梳理,接下来我们就需要进行方案的可行性推演,验证产品功能是否可行,预估项目要花多少人力物力,因此我们就要通过原型设计进行相关需求的论证...

pumpkinHua
2014/03/04
0
3

没有更多内容

加载失败,请刷新页面

加载更多

Vavr User Guide中英对照版

Vavr User Guide(Vavr用户指南) Daniel Dietrich, Robert Winkler - Version 0.9.2,2018-10-01 0. Vavr Vavr是Java 8 的对象函数式扩展,目标是减少代码行数,提高代码质量,提供了持久化集合...

白石
14分钟前
0
0
Spark2.40 Streaming编程指南

Spark Streaming编程指南 概观 一个快速的例子 基本概念 链接 初始化StreamingContext 离散流(DStreams) 输入DStreams和Receivers DStreams的转换 DStreams的输出操作 DataFrame和SQL操作 ...

天天爬网
15分钟前
0
0
oozie 调度pyspark

http://www.learn4master.com/big-data/pyspark/run-pyspark-on-oozie

MPRO
18分钟前
0
0
转:文件系统read,write缓存,有点意思

当我们在linux系统下写程序的时候,经常会读文件或者写文件,既然要操作文件,就会用文件操作函数,其中涉及读写的不乏有read/write或者fread/fwrite,但是我们应该选择哪一种呢,少安毋躁,...

臧教授
24分钟前
0
0
通过示例学习Javascript闭包

译者按: 在上一篇博客,我们通过实现一个计数器,了解了如何使用闭包(Closure),这篇博客将提供一些代码示例,帮助大家理解闭包。 原文: JavaScript Closures for Dummies 译者: Fundebug 为...

Fundebug
24分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部