`

用草图来规划你的web设计

阅读更多

日期:2013-2-9  来源:GBin1.com

用草图来规划你的web设计

规划一个网站并不需要完全被数字化,学习用草图来帮助你加快创意的实现。

为什么要用草图?

没有什么比笔和纸更简单的了!

作为一个设计师,你最好的财富是你的思想。快速呈现视觉信息的能力使你区别于常人。

而且,画草图可以解放你的鼠标和显示器,为你提供更好的设计方案。

看看下面:

用草图来规划你的web设计

用草图来规划你的web设计

用草图来规划你的web设计

再看看这个:

用草图来规划你的web设计

用草图来规划你的web设计

还不赶快拿起纸和笔,把你的涂鸦变成财富?

via gbtags

来源:用草图来规划你的web设计

0
3
分享到:
评论

相关推荐

    web页面 规划布局 草图绘制

    主要用于web系统界面的草图快速生成。简介明了,是网页前期布局规划设计的好帮手!

    交互设计中的草图绘制

    交互设计 草图绘制 web草稿 用户体验 体验设计

    信息架构:超越Web设计(第4版)(全彩).[美]Louis Rosenfeld(带详细书签) PDF 下载 高清 完整版

    《信息架构:超越Web设计(第4版)(全彩)》 的前三个版本都是信息架构领域的开山著作。其中描述了信息组织的普遍和永恒原则,这一原则也适用于不断增长的移动世界。在第4版中,作者运用大量最新的插图和例子为这些...

    Mockups草图工具

    Mockups是一款优秀的网站产品原型设计工具。它基于Adobe Air,能够流畅的在不同浏览器,不同操作系统平台下完美运行,可以在线使用,亦可以离线使用,能够很顺利地将其安装在Windows 7、FreeBSD、Ubuntu等OS上面,高...

    信息架构 超越Web设计(第4版).pdf

    内容简介 · · · · · · 本书的前三个版本都是信息架构领域的开山著作。...设计草图 344 整合:信息架构风格指南 347 “原因”所在 347 “方式”所在 348 本章回顾 349 结语 351 附录A参考文献 355

    产品 设计 手绘 工具

    在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在Balsamiq Mockups出现之前,流程图可以使用Visio,高保真DEMO可以使用Axure,但我们并没有好用的草图设计工具;...

    超越LOGO设计+国际顶级平面设计师的成功法.

    第六章 给你的设计定价 设计定价公式 你的专业水平 项目规格 预期的完成时间 附加的服务和支持 要求水平 当前的经济形势 按小时计费还是全套定价? 处理印刷费用 收取定金 货币兑换 碰运气 人人都会犯错 第七章 从...

    手绘风格设计软件

    Balsamiq Mockups是一款具有涂鸦手绘风格的产品原型设计软件,适用于商用web产品设计中的低保真线框图或者草图设计。 设计开发Balsamiq Mockups的加利福尼亚州Balsamiq工作室创始人Peldi在2008年6月推出了这款手绘...

    JavaWeb设计客户信息管理系统(报告)

    Model层实现系统中的业务逻辑,通常可以用JavaBean或EJB来实现。 View层用于与用户的交互,通常用JSP来实现。 Controller层是Model与View之间沟通的桥梁,它可以分派用户的请求并选择恰当的视图以用于显示,同时它...

    SketchUpPro2018(草图大师2018)18.0英文安装版(附破解补丁破解方法)64位

    SketchUp Pro 2018(草图大师2018)是一款由谷歌发布的优秀三维建筑设计软件,直接面向设计方案创作过程。Trimble发布了其流行的建模软件SketchUp Pro新版本,以及一款基于Web形式的SketchUp Free版本。本平台提供...

    HTML5 实战PHP之Web页面表单设计

    在本教程中,将带领大家使用HTML5,CSS3及PHP实际设计一个符合HTML5标准的简单的表单提交... 可以看到,在这个设计草图中,我们期望实现的效果是:当用户输入姓名时,NAME字段的文本框会以焦点的形式显示出来,而ema

    个人设计作业网页,宠物网

    作为整个网站规划设计的( 18. 条件和前提 ),同时根据网站类型——商业服务网站,必须树立诚信服务的企业形象。 三、系统分析 1. 确定功能模块及其作用: (1) 根据用户使用习惯,首先需要( 1. Home )模块...

    UI原型设计软件-Balsamiq.Mockups 含注册码

    在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在Balsamiq Mockups出现之前,流程图可以使用Visio,高保真DEMO可以使用Axure,但我们并没有好用的草图设计工具;...

    uiux-sandbox:处理设计挑战,原型设计,草图,超新星,实现Material.io和Krom设计系统

    .sketch:草图设计 .snproject:超新星项目(导入的.sketch文件) supernova-sandbox /:包含草图和导入的supernova项目,以及IOS和Android导出。 design-challanges-in-translator-app /:包含在播客/视频...

    FixMe: Design css like webflow figma, sketch-crx插件

    特征✓颜色选择器✓设计师的最佳工具✓语法突出显示✓与开发人员共享CSS设计✓字体系列选择器✓与Figma一样设计页面✓从Sketch上绘制页面标尺✓...板✓数据导出✓像草图一样设计✓像Figma一样设计✓像Webflow一样设计

    ProjectVisBug 一个允许设计师直接在浏览器对 Web 页进行设计调整的 Chrome 扩展插件-javascript

    替换图像 在草图设计中在混乱的生产或原型及其产生的奇怪状态中遍历 DOM 中的组和层 错误成为设计机会 模拟时进行设计:延迟、翻译、媒体查询、平台限制,方向,屏幕大小等在您的站点/应用程序的前端做出更多决定...

    从涂鸦到发布——API设计过程解读

    我们还将叙述设计的三个重要阶段:草图设计、原型设计以及实现,同时还将介绍一些能够让你的工作变得更轻松的工具。在开始设计API之前,我们必须理解它的目的。在你手动设计之前,你应当了解为什么要设计这个API,...

    ng-wiredjs-demo:在Angular 8应用程序中使用WiredJs Web组件

    线框/草图角(v8)应用程序您是否厌倦了建立典型的Material Design / Bootstrap和其他设计系统网站,并想以草图为乐趣? 如果是,那么我们来构建一个!WiredJS是一个Web组件库,提供像Web组件一样的手绘草图。 不要...

    p5.js-web-editor:p5.j​​s Web编辑器,正式启动!

    hand_light_skin_tone::waving_hand_medium-dark_skin_tone::waving_hand_medium-light_skin_tone: p5.j​​s Web编辑器是一个用于进行创意编码的平台,其重点是使编码尽可能多地供所有人使用,包括艺术家,设计师,...

Global site tag (gtag.js) - Google Analytics