首页

交互设计师必藏:50个线框图套件和在线设计工具

蓝蓝设计的小编

当开始进行新项目时,一般都会起步于线框图。本文收集了大量的线框图设计工具和套件。
交互设计师必备哦!

推荐阅读:
《推荐!交互细节中的那些变形金刚》 
《iOS用户体验设计:如何构建交互模式》 
《20个专为无线端设计提供灵感的资源站》

在线设计模板

Wirefy

以内容优先为原则的线框图在线设计工具。允许你运用标准元素设计出响应式线框图。

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

网页设计和界面设计的原型设计工具。

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

灵感!一组手机LOGO设计

蓝蓝设计的小编

移动至上是当今的大背景。交互设计、网页设计都不得不顾虑手机的”感受”,移动互联网方向的创业如同雨后春笋般出现,而有关移动端的Logo怎么设计?看看这里吧。

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad3bef7d7db0e89363340ea26c2ae9fa1c3c7484387e44da5507ef8f23ee2d3baa4c8ab2f3c29d4bed9ba84061ce8bfd7e4f718cfb0d08d71b588ebc785281fed906fd13acce072c4b61ba855b64b26b9b39b8a4116f59564213d2dd5590c410b753e2a172a5f95bbe76e7e0373bcf73a566ed4b9796a4f56d00f7e4cf9e3fe6d2643cd7033b6663a1d8b20a7ea5601e70

别让用户发呆—设计中的防呆策略

蓝蓝设计的小编

  生活中总会有些状况让我们无所适从摸不着头脑:面对一排电灯或空调的按钮,哪个才是控制我想要的?开锁时掏出一把钥匙,哪个才是正确的?拿起U盘插入电脑,朝那个方向才是对的?……类似的犹豫充分说明,你呆住了。现在,是需要“防呆设计”来拯救你了。

 

效率优先 适度设计——网盟投放平台体验优化项目总结

蓝蓝设计的小编

零:项目背景

百度网盟推广平台是配合网盟推广用户的在线营销平台,推广客户可以在平台上实现全方位的推广管理,包括搭建账户结构、配置预算、定向方式、监控账户投放效果等等复杂的账户操作。但是由于系统的复杂度和功能性的增加,原有的系统对新功能的支撑显得有些捉襟见肘,所以在今年8月份,我们开始了对系统体验的分析和优化工作。

16点优化用户界面的方法

蓝蓝设计的小编

优异的用户界面可以让用户用得顺心,从而提高转化率(conversion rate),换言之,好的 UI 在使用与销售层面上形成双赢。本文整理了16点优化用户界面的方法,希望对大家有所帮助。

  单栏型式优于多栏

  单栏型式让你更能掌握自己的内容,从顶部到底部一气嗬成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称 CTA,意指下载或消费等目的);而多栏反而可能导致读者分心。

16点优化用户界面的方法,互联网的一些事

  

交互设计师不仅仅是个画破图的!

蓝蓝设计的小编

2011年10月,相继写了两篇《交互设计那些事儿》(一)(二),至今已经有两年了。期间有不少新的想法伴随着我的工作、交流涌现出来,加上几周前,在新的团队又进行了一次分享,颇有点心得,又懒得去重新修改原有文章,就在此进行一些补录吧。

还是个人经验,眼界有限,欢迎拍砖。

一. 再谈术语

面向对交互比较陌生的团队进行分享,少不得再介绍下那些让人云里雾里的术语。这次,咱们为这些术语做一个关系图:

2013-05-27_182443

 

从下至上是各种术语的演变史。中间代表“做的事情”,左边代表做这件事情的“人”,右边代表做这件事情需要的“指导思想”

如何成为一个好的交互设计师?

蓝蓝设计的小编

了解自己的学习特性

一个好的交互设计师往往了解自己学东西的特殊方式,并善加利用,所以有着较有效率、较明显的成长。

学习与成长并不是件陌生的事,每个人都有自己的故事。试着回想你学习其他东西的行为与习惯,透过一些整理,你可以逐步认识自己是怎样的学习者,并试着让你的团队知道与支持你。这可以是了解如何成长的第一步。身为一个设计团队的领导,也能在更了解组员的学习特性之后,一起创造出更合适的学习环境。

举个例子:

  • 某设计师的学习特性是…
  • 我没有办法只看书或理论而产生我的设计观点,我是一个从做中学的交互设计师。
  • 不好玩、不友善的学习环境,我学不起来。

交互设计师,你要懂视觉

交互设计师之所以要懂得视觉语言,主要体现在原型制作的工作部分,
因为输出的虽然是低保真原型,但低保真原型的设计过程其实也是一个视觉化过程。

废话少说,直接解释吧(大致按照动手的时间顺序,以数字媒体界面为例)。


1 设计界面框架要懂视觉
在定好功能,搭好信息架构之后,一般进行单独界面的框架设计(鬼扯,真实的操作顺序谁知道!)
框架设计是元素在界面上的大致布局,界面分几块区域,哪一块区域放什么内容之类的。
这里需要交互设计师确定这么几件跟视觉有关的事情:

用户到达页面才是设计的开始

蓝蓝设计的小编

很久之前认为一个项目的完成和上线是一个项目的完结,
后来认识到,一个项目或页面的上线不是结束而仅仅是开始,
现在明白了,用户到达页面,我们的设计才是刚刚开始。

我不敢说是绝对的或者百分百,但是用户到达该页面、该网站、使用该产品,这之前更多的依靠的是搜索或者运营的推广。作为负责部分项目的UE/UI设计师来说,我不是产品,不是项目经理,更不是运营和广告我没有那么多的能力去干预用户到达或者使用我的设计。

 
下面单说一下我理解的用户到达页面的三种状态。
我认为一个页面浏览行为可以分为:浏览前、浏览中、浏览后,三个阶段。

 
初级设计师或者是产品亦或是互联网工作人员大多认为:浏览中才是我要做的,要花心思做的。
点击查看原图

如何打造软件、应用类shopping mall

蓝蓝设计的小编

 2011年各大移动应用商店迅速崛起,群雄割据。在移动应用商店的基础上,软件商店也悄然形成。这些软件、应用类商店形式多样、风格迥异。一些成功的应用商店都已然向“shopping mall“迈进:比如应用商店的大赢家苹果APP Store(i Pad、iPhone), 国内的安卓市场、网易应用、腾讯应用中心等等。这些商店成功的秘诀在于他们不仅仅将产品定位于一个简单的提供应用下载的工具,而是精心运营和设计,创造出一站式提供应用服务的场所。

  怎样的软件应用类商店是最完善的呢? 如何使软件应用类“商店”提升为“shopping mall”呢?对此,本文从shopping mall的规划原则着手,找寻其与软件应用商店的共通点。通过任务和场景对现有的几大应用商店进行分析,提炼软件应用类商店的设计要素。

  Shopping mall的定义是:大型零售业为主体,众多专业店为辅助业态和多功能商业服务设施形成的聚合体。而一个完善的软件应用类商店应该是集仓储、商场、服务与一身的软件应用中心。就如一个完善的购物中心,销售的是种类各异的软件。下图从角色、任务和场景3个方面对shopping mall和软件、应用商店进行对比分析。

 

 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档