`
devis
  • 浏览: 9103 次
  • 性别: Icon_minigender_1
  • 来自: 辽宁-丹东
最近访客 更多访客>>
社区版块
存档分类
最新评论

[转]进行 Web 界面原型设计的一种方法

阅读更多

进行 Web 界面原型设计常用的工具如下:

  1. 白纸、铅笔、橡皮,有时候还需要剪刀。可惜大部分情况下保真度不高而且难以表述页面流程;
  2. Word,可以制作 wireframe,还可以批注或者加大段文字说明。可以在一定程度上表述页面流程,但是依赖于文字功底;
  3. PPT,使用起来比较麻烦,但是可以动态的表达出交互流程,可惜文字表达能力不足;
  4. Flash,同 PPT,更加难以使用。适合制作小屏幕界面原型;
  5. HTML,本文就是想讲如何使用 HTML 快速进行 Web 界面原型设

类别:技术笔记 查看评论
分享到:
评论

相关推荐

    软件界面设计工具_3款合集

    在Balsamiq Mockups中绘制界面原型,就像在纸张和白板上手工绘画一样方便快速,而且不用担心出错,因为你完全可以进行回复/重做。在Balsamiq Mockups中设计原型比在纸张和白板可有趣多了! 丰富的控件支持 ...

    Axure业务展示类网站高保真原型模板库.zip

    作品中包含了符合目前主流展示类网站设计风格的丰富模板及素材,并以UI设计稿级别的高保真标准和符合Web规范的输出要求进行制作。即使不需要掌握太强的UI设计功底,通过本作品也可以快速搭建美观规范的业务展示类...

    基于Web信息管理系统设计与实现毕业论文

    班级同学录作为一种新型的Web应用程序为身在异地的用户提供了一个交互信息、联络 感情的平台,节约了彼此书信往返的时间,借助它用户可以通过互联网与异地用户相互 通信、相互交流。 班级同学录是基于 WEB的信息处理...

    Axure交互设计常用素材组件包(界面模型、流程图素材).zip

    1、作品中提供的rp和rplib文件均使用Axure RP8版本进行设计整理,如果使用9或10等高版本导入rplib元件库文件时出现失败的情况,可以先用高版本打开rplib文件后保存一次,再重新尝试导入。 2、作品内的部分内容是...

    仿『小黑盒』安卓APP,含后端、界面原型、爬虫.zip

    爬虫(Web Crawler)是一种自动化程序,用于从互联网上收集信息。其主要功能是访问网页、提取数据并存储,以便后续分析或展示。爬虫通常由搜索引擎、数据挖掘工具、监测系统等应用于网络数据抓取的场景。 爬虫的...

    业务展示类网站高保真原型模板库、企业品牌官网、公司业务介绍、产品展示及营销、首页模板、内页模板、单页模板、整站模板

    作品中包含了符合目前主流展示类网站设计风格的丰富模板及素材,并以UI设计稿级别的高保真标准和符合Web规范的输出要求进行制作。即使不需要掌握太强的UI设计功底,通过本作品也可以快速搭建美观规范的业务展示类...

    Axure中后台暗黑模式原型组件模板库 (Axure RP9作品).zip

    近年来暗黑模式是UI设计的一种新的趋势,Axure也对暗黑场景化的设计进行了一次新的探索,因此我们制作了这套中后台暗黑模式原型组件模板库。暗黑模式是一种黑色或者深色的UI界面风格,但是暗黑模式不只是夜间模式,...

    软件工程知识点

    螺旋模型是一种引入了风险分析与规避机制的过程模型,是瀑布模型、快速原型方法和风险分析方法的有机结合。其基本方法是,在各个阶段创建原型进行项目试验,以降低各个阶段可能遇到的项目风险。 6.喷泉模型 喷泉...

    数据库应用系统功能设计与实施.docx

    四个层次:表示层、业务逻辑层、数据访问层、数据持久层 4.3.1 表示层概要设计:主要任务是进行人机界面设计。4.3.2 业务逻辑层概要设计:主任务是梳理D BAS的各项业务活动,将其表示为各种系统构件。业务逻辑层是...

    【高端元件库】Web端高保真动态交互元件库V2.8.zip

    产品介绍:本作品包含丰富的高保真原型制作的常用组件及界面模版,包含元件库/界面模版/导航菜单三个部分。元件库包括rp源文件及rplib两种格式的文件,您可双开Axure复制粘贴使用,也可以将rplib载入到元件库中使用...

    rxweb:基于 Reactor + Netty 的微 Web 框架原型

    这是一个基于 Reactor 2.0 核心的 Web 框架原型,带有 Netty 和 Servlet 3.1 (TODO) 引擎。 Reactive Streams SPI 被公开(参见 ),并且提供了 Reactor 2.0(参见 )和 RxJava 1.0(参见 )API。 请参阅代码注释中...

    asp.net知识库

    .NET20 一种简单的窗口控件UI状态控制方法 翻译MSDN文章 —— 泛型FAQ:最佳实践 Visual C# 3.0 新特性概览 C# 2.0会给我们带来什么 泛型技巧系列:如何提供类型参数之间的转换 C#2.0 - Object Pool 简单实现 ...

    适用于移动Web的自适应和个性化界面-研究论文

    为了解决这个问题,本文提出了一种新的自适应和个性化网页表示方法。 它会自动为网页生成分层的DOM树,并利用可视化技术进行有效的内容浏览。 此外,该方法集成了各种组件,用于根据字体,图像去除和信息需求等个人...

    一个优秀的计算机开题报告例子

    本研究立足于计算机产业发展现状,根据移动互联网的技术特点,通过理论探讨和实际应用相结合的原则,充分总结、利用和吸收现有研究成果和相关资料,设计开发了一种基于算法推荐的美妆购物网站。具体的研究方法包括:...

    pakyow:设计为先的Web框架

    我们着手设计一种更好的网络构建方法。 结果就是-一整套开放源代码框架,提供了更简单的设计优先方法。 无论您是刚起步还是已经从事网络多年的工作,我们都想帮助您利用已有的知识做更多的事情。 运作方式如下: ...

    基于spring boot搭建的web基础框架.zip

    跨平台开发工具如Xamarin、React Native和Flutter,让开发者使用一种语言或框架编写可以在多个操作系统上运行的应用程序。 文档编写与API管理: 文档生成工具可以自动生成代码注释文档,便于团队内外理解和使用...

    二十三种设计模式【PDF版】

    GoF 的设计模式表面上好象也是一种具体的"技术",而且新的设计模式不断在出现,设计模式自有其自己的发展轨道,而这 些好象和 J2EE .Net 等技术也无关! 实际上,GoF 的设计模式并不是一种具体"技术",它讲述的是...

    前端开发管理规范,需要的同学可自行下载

    2、熟练使用前端主流UI框架(elementUI、Layui、Mint UI、MUI等等),至少掌握上述一种框架; 3、有一定的审美能力,能够使用常用的图片处理软件(ps); 4、熟练使用git代码管理工具; 5、熟悉使用mockplus等原型...

Global site tag (gtag.js) - Google Analytics