24 个专业的 Web和移动应用设计草图

bentengdehe 2011-12-26

来看看别人是怎么做 Web 和移动应用的原型设计的。

iPad app sketch

24 个专业的 Web和移动应用设计草图

Sketched Wireframe

24 个专业的 Web和移动应用设计草图

Early Ember sketches in color

24 个专业的 Web和移动应用设计草图

OnlyJames Wireframe Sketch of Article Detail

24 个专业的 Web和移动应用设计草图

CommLogix Wireframe Sketch

24 个专业的 Web和移动应用设计草图

Early BusinessWeek.com Design Sketch

24 个专业的 Web和移动应用设计草图

BPG – UI Sketch 1

24 个专业的 Web和移动应用设计草图

HBO SATC site

24 个专业的 Web和移动应用设计草图

Search Ideas Wireframe v1

24 个专业的 Web和移动应用设计草图

sketch: vimeo clip page

24 个专业的 Web和移动应用设计草图

“Scratch-Off” Concept

24 个专业的 Web和移动应用设计草图

Janko At Warp Speed home page sketch

24 个专业的 Web和移动应用设计草图

Heartland Funds Redesign: Main & Landing Page Wireframes

24 个专业的 Web和移动应用设计草图

UserScape Wireframe Sketch

24 个专业的 Web和移动应用设计草图

CommLogix Wireframe Sketch

24 个专业的 Web和移动应用设计草图

Data Techniques Mainpage Wireframe v1

24 个专业的 Web和移动应用设计草图

Coastal Capital Partners Wireframe Sketch

24 个专业的 Web和移动应用设计草图

Rough wireframe for the new Account Planning Group

24 个专业的 Web和移动应用设计草图

Mobile Platform Redesign 5

24 个专业的 Web和移动应用设计草图

World of Color Microsite Wireframe

24 个专业的 Web和移动应用设计草图

Wireframe 960gs

24 个专业的 Web和移动应用设计草图

Wireframe: Giant Hello Splash Page

24 个专业的 Web和移动应用设计草图

Wireframe: Giant Hello Splash Page

24 个专业的 Web和移动应用设计草图

Prototyping a webshop

24 个专业的 Web和移动应用设计草图

oschina 收录了一些界面原型设计软件，详情请看这里。Source: http://designmodo.com/web-mobile-wireframe-sketches/

本站文章除注明转载外，均为本站原创或编译

欢迎任何形式的转载，但请务必注明出处，尊重他人劳动共创开源社区

转载请注明：文章转载自：开源中国社区[http://www.oschina.net]

本文标题：24个专业的Web和移动应用设计草图

本文地址：http://www.oschina.net/news/23966/24-web-mobile-wireframe-sketches

收藏此资讯

: bentengdehe

相关推荐

本年度十大移动应用UI/UX的设计趋势

三星Galaxy S8可能是第一款摆脱了Home键的智能手机。如今，许多手机都在考虑移除掉所有的按键，甚至包括音量与锁屏键。在没有任何按键的情况下，手机将全靠屏幕来进行各种导航。因此，UI/UX设计人员在设计移动应用程序时，必须牢记的是：应用程序需要通过

linran00 0喜欢 / 0评论 2020-02-10

在移动应用程序设计中应该停止做这三件事吗？

你是否曾经查看过用于构建移动应用程序的设计技术和元素，并评估了它们是否仍然有用或相关？如果你最近没有检查你的移动应用程序，我们建议你认真检查，我们还建议你在移动应用程序设计中应该停止做这五件事，以便可以更简化和积极的提高用户体验。第一减少弹窗发送消息或提示

tetw 0喜欢 / 0评论 2020-01-06

Twixl Publisher下载移动应用开发工具【MacOS】

Twixl Publisher Mac版是一款移动应用开发工具，Twixl Publisher Mac版可以让你轻松地创建iPad和iPhone/或Android应用程序，基于Adobe公司的InDesign内容。但在大多数情况下，HTML内容将以CMS工

adc00 0喜欢 / 0评论 2019-12-10

人工智能和机器学习是影响融入移动应用开发的？

近年以来，计算机技术的发展越来越快，人类的生活开创了一个新的时代—开发强大的计算机系统，通过使用适当的设备，将其移动应用程序实施到全球所有垂直领域，无论是医学，教育，还是商业等等。用于绝对主体检测的智能手机相机移动设备是垂直的，制造商和应用程序开发人员正在

snmplink 0喜欢 / 0评论 2019-08-13

基于HT for Web的Web SCADA工控移动应用

在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是

TomKao 0喜欢 / 0评论 2015-03-18

基于HTML5的Web SCADA工控移动应用

在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是

TomKao 0喜欢 / 0评论 2015-12-28

移动应用开发的几大特性HTML5如何适应

　　同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。HTML5在这个方面完全不受限制，可以完全放在一起进行处理。　　3.地理定位，随时随地分享位置　　充分发挥移动设备对定位上的优势，推动LBS应用

loverlucky 0喜欢 / 0评论 2015-01-12

3大主流的移动应用方式APP开发姿势解读

我们都知道目前的几大主流的移动应用开发方式：Native App，Web App，Hybrid App。那他们之间的联系和优缺点各是什么呢？究其原因就是性能要求的问题。AppCan成立于2010年，2011年推出产品并测试，2012年正式推出品牌，2013

myblogdhy 0喜欢 / 0评论 2019-07-19

基于沙盒技术的企业移动应用安全平台设计

移动设备中的不安全应用程序会危及到企业网络的安全；移动设备可能在不安全的网络中使用, 容易造成恶意软件感染和数据泄漏；越狱或获取 Root 权限移动设备会带更多风险；移动设备被盗, 在未经授权的情况下访问公司的网络或者泄漏敏感数据。权限机制是 Androi

Mrwind 0喜欢 / 0评论 2019-06-28

基于HTML5的Web SCADA工控移动应用

在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是

Ivy 0喜欢 / 0评论 2015-12-28

大数据分析如何创建最佳的移动应用用户体验

如今，越来越多的人使用移动应用程序。而移动应用将在未来成为一个价值数十亿美元的产业。大数据可以帮助企业构建最佳的用户体验。多年来，开发移动应用程序的技术一直在不断发展，这实际上为非技术方面的重大革命铺平了道路，并且这一切都与大数据有关。以下对大数据如何激励

baohuanlove 0喜欢 / 0评论 2019-06-27

移动应用APP常见数据加载模式的设计

移动应用APP常见数据加载模式的设计设计师在进行APP设计的设计时，往往会更加专注于界面长什么样，界面和界面之间怎么跳转，给予用户什么样的操作反馈，却偏偏特别容易忽略掉一个比较重要的环节，就是APP数据加载中的设计，所以会导致我们看到的APP，往往有着华丽

zheglei 0喜欢 / 0评论 2014-10-08

基于HTML5的Web SCADA工控移动应用

在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是

anqier 0喜欢 / 0评论 2019-06-20

HTML5、WebKit与移动应用开发

就是这样，目前Apple和Google设备上的应用总和已经数以百万计了。目前，在AppStore和Android Market上的应用都是基于两大公司提供给第三方应用开发人员的SDK进行开发的，Apple提供的是基于Objective-C语言的iOS SD

hong 0喜欢 / 0评论 2011-09-21

了解拖慢移动应用的这三大原因，才好解决问题

在日常研发过程中，人们经常会对跨平台技术抱有成见。在实际项目中，我们经常会看到有的团队使用Swift/Java，开发出了速度缓慢且时常崩溃的原生应用;而其他团队则能够使用Titanium之类的跨平台技术，开发出了流畅的产品。而这种设计理念恰恰是导致应用程序

baohuanlove 0喜欢 / 0评论 2019-06-10

聘请移动应用开发者的10个技巧

是的，看到数字市场的巨大需求和范围，谁不想从app创意上赚到钱？显然，当给定app的形式时，没有多少app的创意是成功的。为了避免app中出现缺陷，最好的解决办法是聘请移动应用开发者，因为他们有经验，有才能，精通发这个开发领域。最新的软件和工具是建立全功能

lihaoxiang 0喜欢 / 0评论 2016-09-28

关于移动应用注册、登录、找回密码的思考与设计

本人从事移动互联网行业已经有四年了，下面简单谈谈对于移动用户注册、登录以及找回密码的思考与设计。移动应用不同于PC端应用，移动应用追求最大化的轻量级，对于用户操作也追求简单，能少输入的尽量少输入，能少点击的尽量少点击。为了降低用户的使用门槛，防止潜在用户流

loganjr 0喜欢 / 0评论 2014-08-27

移动应用一般具备以下几个特点：美观，简单，实用，耐看

“幸福的家庭总是相似的，不幸的家庭各有各的不幸”，这个准则同样适用于移动应用开发者，最好的移动应用一般具备以下几个特点：美观，简单，实用，耐看。而对于不好的应用，有些常见的缺点是可以避免的，下面我们列举出开发移动应用时7个致命错误：。简单意味着容易，意味着

未央 0喜欢 / 0评论 2012-12-16

移动应用快速开发企业CIO的当务之急

咨询公司Gartner一份署名为《市场趋势：2012-2016年全球应用开发软件概况》的最新研究表明：企业将加大对应用开发软件的资金投入，以帮助团队在迅速变化的环境中快速且轻松开发出新的应用。Gartner预计：截止2015年，针对智能手机和平板电脑的移动

loganjr 0喜欢 / 0评论 2012-10-12

移动应用开发的7个致命错误

“幸福的家庭总是相似的，不幸的家庭各有各的不幸”，这个准则同样适用于移动应用开发者，最好的移动应用一般具备以下几个特点：美观，简单，实用，耐看。而对于不好的应用，有些常见的缺点是可以避免的，下面我们列举出开发移动应用时7个致命错误：。以Bump为例，这个应

bentengdehe 0喜欢 / 0评论 2012-07-14

移动应用7个步骤

最近的哈里斯互动研究表明，较差的移动应用程序，可能极大地损害品牌的声誉。几乎有三分之一的受访者表示，当有一个差的移动应用程序经验时他们告诉过别人。不过，超过半数表示，他们推荐过有良好体验的移动应用程序。为移动应用提供一个良好的用户体验是至关重要的。这里有七

qtlearn 0喜欢 / 0评论 2012-04-18

使用widget进行简单移动应用开发(一)

Widget主要作为Web2.0服务或互联网内容的前端。Web设计人员与开发者可以使用Widget来创造最受欢迎的互联网体验，用户只需在S60的桌面或应用菜单中单击即可访问。WeatherBugWidget是许多Widget应用的一个例子，它可以使用户随时

bentengdehe 0喜欢 / 0评论 2010-10-11

未来2年移动应用发展趋势预测

3、Android手机将会成为未来智能手机平台的主流。

learningITwell 0喜欢 / 0评论 2010-06-21

移动应用开发需要知晓的10大安全问题

如今在各大应用商店中，移动应用的种类越来越多、售价也越来越亲民了。然而随着它们的蓬勃发展,移动应用的开发人员不仅要能够根据客户的需求提供各式各样新的功能，还要密切注意应用本身的安全问题。其实，随着各类移动应用在市场上的广泛使用，与之相伴的各种高位漏洞也呈大

laj0 0喜欢 / 0评论 2018-11-02

开发移动应用时，如何制定API？

是否需要保持状态，使用什么做数据交换，（很重要，而且和需求紧密相关。技术人员一定要和产品人员沟通好。这些都可能影响你的 API 设计。根据 1，2 ，你可以明确而且写出每个画面对应的所有 API。把这些 API 重新抽象，是否需要增加通用 API ？可以有

xcjing 0喜欢 / 0评论 2019-04-17

人工智能在移动应用开发中的优点和缺点

但今天，它已成为主流的一部分，几乎所有都包含AI创新技术的影子。强大的AI描绘了可以模仿人类，思想和活动的节目。还有限制和普通的AI，这种表征取决于编程能力的程度。另外，你应该考虑AI的优缺点，以便你的团队可以做出明智的决定。在旅游业中，AI应用可以通过利

laomao 0喜欢 / 0评论 2018-04-18

移动应用后台不是技术专属，运营也该用到飞起

详情可至Mober之前的文章App的Link功能可以更智能查看。别担心，没有代码，无需编程，我们的Mob技术专家已经把这些都解决好了。以使用MobLink服务的某App为例，用户看到一个喜欢的视频时，可以通过MobLink功能分享给社交应用中的好友，生成一

appiox 0喜欢 / 0评论 2018-06-29

该死，原生移动应用的开发成本太高了！

我们遇到了一个临界点。除去少数几个特别的的用例之外，使用原生框架和原生应用开发团队构建、维护移动应用再也没有意义了。本文导航-这一切对于我们意味着什么？-能不能抛弃移动应用，仅面向 Web 呢？-解决方案 ……-在产品中特别注意使用 React Nativ

shakencity 0喜欢 / 0评论 2017-05-20

Kotlin 冉冉升起，将取代Android成为开发移动应用开发的第一语言

Kotlin介绍Kotlin 是一个基于 JVM 的新的编程语言，由 JetBrains 开发。让它比 Java 更安全，能够静态检测常见的陷阱。根据调查数据，Realm 表示到 2018 年底，在 Android 开发领域，Kotlin 将超越 Java

HiUnicorn 0喜欢 / 0评论 2017-10-12

HTML 5会成为移动应用的天敌吗？

“应用程序”的整体概念或许已悄然发生巨变，在未来的某一天，我们可能不再需要访问手机应用商店，不论是Apple的还是Google的，我们只需要点击手机主菜单页面上的一个链接，手机就会立即在它的浏览器上启动一个“应用程序”。当我们为移动设备开发应用程序时，程序

红壶吃猬队 0喜欢 / 0评论 2011-07-25

移动应用程序开发应考虑的八大安全问题

随着移动互联网的普及，企业越来越需要移动开发的进行，从而深化其客户体验，扩展其顾客购买产品的方式方法。对移动应用程序的这种需求推动着企业开发。但是，需要注意的是，与移动应用程序相关的风险不同于传统的企业软件。许多人将对移动安全的重视主要放在了设备的安全上。

elfkingw 0喜欢 / 0评论 2011-05-11

PWA会取代原生移动应用吗？

提高移动网站的用户体验，或许渐进式网络应用程序是最佳选择吗？它最终会取代移动网络和原生应用吗？有一个开发人员决定为他的新公司构建一个渐进式网络应用程序，当我问他为什么选择PWA而不是原生应用时，他说：“因为PWA是网络的未来。”当然目前有很多开发者已经非常

yuanyuexiang 0喜欢 / 0评论 2019-01-01

Android和iOS应用的跨平台移动应用开发工具

Fuse公司正在通过发布Fuse Open加入开源世界。Fuse是一款支持Android和iOS应用的跨平台移动应用开发工具套件。旨在减少开发时间和资源。“[我们]使我们的工具成为开源软件，以便广泛的Fuse开发人员和设计人员可以采用我们所创建和构建的工具

kkvvll 0喜欢 / 0评论 2018-05-16

基于HTML5的Web SCADA工控移动应用

在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是

pspgbhu 0喜欢 / 0评论 2019-01-21

直觉与情怀，2018年移动应用UI设计的九大趋势

近年来移动APP的UI设计趋势总是有些不可捉摸，时而轻描淡写，时而浓墨重彩，时而冷淡出世，时而拟物俗艳。但是如果你对大量热门时髦产品的设计风格抵近观察，还是能对2018年的UI设计趋势做出一些初步的判断，以下我们总结了九大趋势：。字体、色块和图片的叠加可以

wangruoze 0喜欢 / 0评论 2018-03-10

移动应用框架 Ionic 4 正式版发布：Ionic for Everyone

流行的开源移动应用程序开发框架Ionic 于今日发布了 4.0 正式版，代号 Neutronium。官方称 Ionic 4 为“Ionic for Everyone”。开发者现在可通过 Ionic 使用 Web 技术轻松构建高质量的原生和渐进式 Web 应

青 0喜欢 / 0评论 2019-01-24

Web开发者的跨平台移动应用开发策略及工具

在之前的一篇文章中，我们曾经讨论过，对于交互和视觉设计相关职能的从业人员来说，从传统Web行业向移动应用领域转型的过程中需要学习和注意的问题。这篇文章中提到过“混合型应用”的概念，以及与之相关的两本开发指导书籍。今天这篇文章的英文原文，就是来自这两本书的作

一点江山 0喜欢 / 0评论 2012-01-12

从网站到移动应用——随"机"应变的用户体验设计

话说，又是以移动应用为主线的文章，这是闹哪样呢。但也不至于和本小博客的主旨相悖;网站产品移动化，设计思路移动化...在移动互联网汹涌的大潮面前，这是合情合理的趋势，也是我们在用户体验设计相关的日常工作中越来越多需要面对和学习的。其实这只是实际情况的一部分，

THEEYE 0喜欢 / 0评论 2012-01-12

在线内容出版商应放弃移动应用开发投奔Web

科技博客GIGAOM最近刊发内容推荐引擎Outbrain CEO 亚伦加莱的分析文章称：现在许多内容出版商醉心于iPhone和iPad移动应用的开发只是一时的现象，最终并不利于出版商的发展。后一条建议非常实在，虽然可能不怎么现实，因为苹果股价行情是历来罕见

THEEYE 0喜欢 / 0评论 2011-09-26

成功的移动应用程序的主要特点

如果你正在考虑将移动应用程序整合到商业模式中，就需要包括能体现品牌特性和价值的许多基本特点。值得注意的是，一款成功的移动应用程序的这些特点并不依赖你运行哪种业务。你不该开发仅仅为了吸引用户眼球的移动应用程序，还需要实现某种功能。许多公司开发的移动应用程序仅

特种兵PPT工作室 0喜欢 / 0评论 2016-10-18

Web移动应用 HTML5 CSS和JavaScript

移动设备的广泛使用，使许多传统开发者很无奈。一个企业真的既需要一个Web站点又需要一个移动应用程序吗?本文讨论了HTML 5的可移植性以及为什么在所有的移动平台上都可以良好运行的HTML5，CSS和JavaScript应用程序才是未来的趋势。许多开发者已经

erix 0喜欢 / 0评论 2011-05-25

十种途径助你借iOS 8新技术特性东风打造更强移动应用

iOS 8当中的全新功能特性将帮助CMO们重新构思自己的移动应用程序开发方案，从而将iPhone与iPad客户真正带入无与伦比的“移动时段”——通过这扇握于掌中的窗口，抓住更多行之有效且成果拔群的市场推广机遇。而对于那些专心在企业内部负责应用程序开发的CI

leitingdulante 0喜欢 / 0评论 2014-10-15

另辟蹊径创建移动应用：iOS和Android代码共享

创建移动应用的各种技术也随之兴起，各种开发流程也将移动应用视为一等公民，开始考虑适应移动开发的流程。尽管已经让人感觉无处不在，真正的移动应用时代才刚刚开始。我们即将面对新一代的移动设备，如可穿戴设备或组成物联网的各种各样的移动装置。我们将面临全新的用于数

huningjun 0喜欢 / 0评论 2014-09-22

移动应用界面设计模式 - 搜索、排序、筛选

很多信息类服务站点都是通过分类的方式来组织相关内容信息的，例如交通工具方面的卡车、货车、SUV等；而Greensheet这样的网站则是直接将售卖信息一股脑的堆在一个又一个的页面中，如果我想找点儿什么，真的必须挨个看下去。谢了，我还不如直接在手机上用Crai

IORILI 0喜欢 / 0评论 2013-09-04

智能手机移动应用的8个趋势

现在，智能科技无处不在，开发商不得不为智能手机用户设计出更加方便的移动应用程序。我可以肯定的说，2013年将会出现最新潮最特别的移动应用程序。实际上，总有一款移动应用达到某种用途，并适合于每个人。由于移动应用程序的需求量增加，移动应用变得更加美观，更加多功

liusslove 0喜欢 / 0评论 2013-07-24

被动式媒体：移动应用的设计理念

通常来说，我们会在十分舒适的环境中，比如坐在沙发或者在排队购物时使用移动设备。而我们会在完全不同的环境下使用传统的电脑，比如在正式的工作场合中，相反很少在正式场合去用计算机去娱乐或放松心身。因为从长远的趋势来说，今后娱乐的消费将更多发生在移动设备上。这种文

baohuanlove 0喜欢 / 0评论 2013-05-09

用户体验设计：移动应用设计中的手势

但是，当用户面对一个新的应用和相应新的手势之时，视觉反馈就不仅仅只为了确认用户动作而存在了，更承担着明确告诉用户这样的手势会带来什么效果的重任。

精细化设计 0喜欢 / 0评论 2013-04-17

微信对移动应用设计的影响

作为企鹅二代，高富帅自不必说，而且每次的更新都会推出一些新颖、吸引人或者饱受争议的功能特性。那么，微信对于移动应用设计有哪些影响呢？而在移动应用设计领域，微信很好地利用了这一设计模式，优点如下：。微信在版本迭代演变过程中，一直在潜移默化地教育用户使用二维码

学无紫晶 0喜欢 / 0评论 2013-01-17

移动应用产品设计的十条经验分享

移动APP也算是一种C/S的架构，除了此架构本身的一些产品特性之外，我们还需要注意移动互联网的一些特性，像使用环境、触摸操作等等，因此移动产品最注重的就是内容的交互形式。相比Web产品，移动APP产品有着初始的平台系统特性，产品设计应该遵循平台系统的设计规

luteryiyi 0喜欢 / 0评论 2013-01-08