数据力量

DataForce Studio

11款线框图工具

抢沙发

wireframes

网页的线框图是非常直观、但是也没什么技术上难点的东西。只需要你大概描出页面上需要的一些元素,比如头部、导航、页脚等等,最多再就是一些交互、内容区域什么的。但这对于任何网络应用的开发都是非常重要的。

当然有很多种方法可以做这件事情,最简单的就是拿起纸和笔,但是在这篇文章中,我们要介绍的是一些非常高效好用的在线原型工具,并且他们完全免费。

Conversion Funnel

Funnel (或称Conversion Funnel) 是互联网业最基本的概念之一,它的意思是100 个人路过你的网站,你能够把几个人变成忠实顾客。

一般最基本的电子商务Funnel,大概分五个步骤:

● 100% — 流量
●  20% — Email 订户(或Facebook)
●  10% — 加入会员
●  3% — 下订单
●  1% — 重复购买

App ICON AND Name

品牌的识别度可以来源于不同的表现形式。

可以是听觉,比如诺基亚经典的铃声;
也可以是视觉:从最直观的商标;
以及更深入产品内部的各种设计元素。

形状便是其中一种。尤其是在移动时代,每天你点击最多的是那些 App 图标。这让形状与品牌的联系更是深入人心,Clayton Miller 有心的将各家的图标形状整理出来,做了个排排坐:

从左到右,正好是方形到圆形的缓变过程!

App ICON AND Name

你是否发现,在浩如烟海的应用程序堆里,具有漂亮图标和清爽名字的 App 更容易被用户喜爱。作为开发者,面对这自己的作品,能否自问一句:“从图标和名称中,能够知道这个程序的作用是什么吗?”
名称太长,太偏,太绕口或者重名,图标太简洁,太花哨,太乏味都是不合格的作品,它很容易让用户陷入迷茫。
Calvetica 在功能上绝对是一级棒的作品,它是一款 iPhone 平台的日历和 GTD 工具,KKK 在《极简 GTD 和手机》里推荐过这款程序。问题是,它的图标和名称都太糟糕了。
让我们来看看几个例子。

20-great-web-app

  尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、 box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到,所以如果你最近在设计网站,你很难能脱离它们。
但是,隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性,但是它们并没有得到太多的关注。