40个网页设计草图和线框图

2016-02-16 20:49 235 1 收藏

下面图老师小编要跟大家分享40个网页设计草图和线框图,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

延伸阅读
两三年以前,我发现很多搞信息技术的朋友们(非设计师)交付设计时,用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype)和视觉稿(Mockup)是一个东西:表达自己创意的线框手绘设计稿。 混淆概念便带来麻烦:他们分不清用户体验设计师的作品,常常感到困惑。「这按钮他妈的怎么点不了?」「我不知道这个地方可以按啊!」类似这样的...
线框图并非是原型,但即使是经验丰富的设计师也可能会将两者混为一谈。实际上,两者的差别还是非常多且明显的,那么就让我们通过这篇文章分辨清楚这俩概念,一劳永逸。 线框图 线框图是产品设计的低保真呈现方式。它有三个简单直接而明确的目标: 1、呈现主体信息群 2、勾勒出结构和布局 3、用户交互界面的主视觉和描述 正确地创建了线框...
使用大背景图片或插图的设计可以增加一个网站的的视觉吸引力。许多网页设计师使用这种方法,因为越来越多的用户正在选择使用高分辨率显示器和高速互联网。这里收集了新鲜大背景设计的40个网站,希望大家喜欢!GO! 1. The Pixel Blog 2. Copimaj Interactive 3. Flourish Web Design 4. Abduction Lamp 5. Morphix Design Studi...
无论是设计低保真草稿还是高保真的模拟原型,线框图都是从基本的布局开始;良好的布局是顺畅视觉流程的开始,同时也奠定了最终访问效果的基调;布局是一个画地为牢的过程,什么东西放在哪里一旦基本确,界面就大体确定了;设置条条框框并不是为了限制界面设计师的发挥,而是要达到页面之间的协调和整个网站的统一;本文作为系列教程的第二篇文章,...
本文作者Jerry Cao是UXPin的内容决策者,也是UXPin 这款在线线框图/原型工具的在线内容开发者。如果你想学习设计原型的思路,熟悉相关工具,以及完整的设计流程,那么你可以下载UXPin精心制作的《原型设计终极指南》(英文版)。这篇文章会系统为你介绍线框图和原型的发展历程,了解它们在不同历史背景下的发展,能帮你在未来设计更优秀实用的线...

经验教程

396

收藏

89
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部