文档章节

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

王尘宇
 王尘宇
发布于 2017/09/07 00:04
字数 258
阅读 5
收藏 0
点赞 0
评论 1
设计师们开始制作网页的时候,在没有灵感的时候,除了在设计达人网上找灵感外,往往是从设计草图开始画啊画啊 ~ 画出自己想要的样子,然后再从 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

UI设计软件Balsamiq Mockups

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

liyu ⋅ 2010/07/26 ⋅ 0

一名交互设计师必备的知识架构

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

Just Normal ⋅ 2015/08/30 ⋅ 0

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

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

pumpkinHua ⋅ 2014/03/04 ⋅ 3

一个产品从0到1,UI设计师参与的所有步骤与所需工具(内附资源下载)。

本文的前4步适用于公司没有产品经理的情况下。 Step 1 讨论 & 草图框架 所需工具:纸、笔 与客户或产品负责人讨论,了解产品的需求。讨论前带好纸笔,讨论时可以画出大概的框架草图。 若是外...

西瓜设计研究所 ⋅ 2017/12/04 ⋅ 0

Balsamiq Mockups完全手册

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

鉴客 ⋅ 2010/07/23 ⋅ 5

开发者福利:三款 iOS 应用原型开发工具

一个好的想法需要借助工具来实现, 应用开发也是如此。有些人会选择Xcode进行iOS应用开发,但这么毫无准备地一头扎进去就很可能会在中间环节卡住,或者最终做出来的应用与自己最初的 想法大相...

oschina ⋅ 2012/11/28 ⋅ 5

一些好用到爆炸的日常产品设计工具

所有工具在appstore都可以搜索下载,或者购买到。不断试用新品,不断更新心得,也欢迎分享推荐好工具使用。目前急缺可直接生成交互文档的移动端APP原型工具(墨刀暂时不行)。   一,头脑风...

程序员客栈 ⋅ 2016/05/05 ⋅ 0

15 个最佳开源设计工具

1、Blender Blender是一套三维绘图及渲染软件。它具有跨平台的特性,支持FreeBSD,IRIX,GNU/Linux,Microsoft Windows,Mac OS X,Solaris,及SkyOS。 2、Inkspace Inkscape 是开源的矢量图...

彭博 ⋅ 2012/03/12 ⋅ 5

成功开发iPhone软件的10个步骤

(原文链接:http://www.cnblogs.com/chen1987lei/archive/2010/03/10/1682131.html) 一年前斯坦福和Apple联手推出了基于iPhone平台的开发课程, 这个课程的ppt被放在网上分享,反响非常好。这...

长平狐 ⋅ 2013/08/21 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JVM堆的理解

在JVM中,我们经常提到的就是堆了,堆确实很重要,其实,除了堆之外,还有几个重要的模块,看下图: 大 多数情况下,我们并不需要关心JVM的底层,但是如果了解它的话,对于我们系统调优是非常...

不羁之后 ⋅ 昨天 ⋅ 0

推荐:并发情况下:Java HashMap 形成死循环的原因

在淘宝内网里看到同事发了贴说了一个CPU被100%的线上故障,并且这个事发生了很多次,原因是在Java语言在并发情况下使用HashMap造成Race Condition,从而导致死循环。这个事情我4、5年前也经历...

码代码的小司机 ⋅ 昨天 ⋅ 1

聊聊spring cloud gateway的RetryGatewayFilter

序 本文主要研究一下spring cloud gateway的RetryGatewayFilter GatewayAutoConfiguration spring-cloud-gateway-core-2.0.0.RC2-sources.jar!/org/springframework/cloud/gateway/config/G......

go4it ⋅ 昨天 ⋅ 0

创建新用户和授予MySQL中的权限教程

导读 MySQL是一个开源数据库管理软件,可帮助用户存储,组织和以后检索数据。 它有多种选项来授予特定用户在表和数据库中的细微的权限 - 本教程将简要介绍一些选项。 如何创建新用户 在MySQL...

问题终结者 ⋅ 昨天 ⋅ 0

android -------- 颜色的半透明效果配置

最近有朋友问我 Android 背景颜色的半透明效果配置,我网上看资料,总结了一下, 开发中也是常常遇到的,所以来写篇博客 常用的颜色值格式有: RGB ARGB RRGGBB AARRGGBB 这4种 透明度 透明度...

切切歆语 ⋅ 昨天 ⋅ 0

CentOS开机启动subversion

建立自启动脚本: vim /etc/init.d/subversion 输入如下内容: #!/bin/bash## subversion startup script for the server## chkconfig: 2345 90 10# description: start the subve......

随风而飘 ⋅ 昨天 ⋅ 0

Nginx + uwsgi @ubuntu

uwsgi 安装 sudo apt-get install python3-pip # 注意 ubuntu python3默认没有安装pippython3 -m pip install uwsgi 代码(test.py) def application(env, start_response): start_res......

袁祾 ⋅ 昨天 ⋅ 0

版本控制工具

CSV , SVN , GIT ,VSS

颖伙虫 ⋅ 昨天 ⋅ 0

【2018.06.19学习笔记】【linux高级知识 13.1-13.3】

13.1 设置更改root密码 13.2 连接mysql 13.3 mysql常用命令

lgsxp ⋅ 昨天 ⋅ 0

LVM

LVM: 硬盘划分分区成物理卷->物理卷组成卷组->卷组划分逻辑分区。 1.磁盘分区: fdisk /dev/sdb 划分几个主分区 输入t更改每个分区类型为8e(LVM) 使用partprobe生成分区的文件:如/dev/sd...

ZHENG-JY ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部