作者文章归档:唐建国

互联网产品设计讲师、Axure原创教程网创始人、e良师益友网高级讲师。

小楼教你从零开始成为优秀交互设计师系列(七)


  四、平面转行篇

  IDEO设计师@chazeffect :平面设计的理念这个词有点广。让我啰嗦点解析一下思路,然后试者回答如何进行”转换”理念…怕听来有点理论,所以加上一些例子来比较。

  逻辑上来说…

  首先,平面设计的理念可以有不同层级:观点、视觉沟通:布局(Layout)、表现手法等。

  细节、美工等设计元素应是这个以观察或阅读为主的沟通体验的重要接触点。有点类似人机界面里的具体元件,让用户可以接触与操控的东西。

  这个观察与阅读体验不见得完全被动,想想一些”活动”贴纸、t-shir...

Read more

小楼教你从零开始成为优秀交互设计师系列(六)


  三、在校大学生篇

  腾讯ISUX交互设计师@王阅微 :现在这一代的交互设计师,除了留学回来,或者西安交大等几所国内大学科班出身的,基本都是从各种其他专业转过来的,从相关设计专业转过来的,也寥寥可数。

  基本上每个人都有自己成长的不同路径,不同方法,找到属于自己的那条路是最重要的。

  专业上的提升,其实我觉得不是问题,只写写我觉得对于“非设计专业”的同学进入“设计”领域可能比较重要的几点。

  1. 理解什么是设计

  非常多的人入行后会关注”交互设计”前面的”交互”,却容...

Read more

小楼教你从零开始成为优秀交互设计师系列(五)


  高阶篇个人还在探索,还是以能做出好产品为目标,主要方向是:

  1.产品架构,web端已有架构的理念,手机端也会面临这个问题。

  2.设计趋势研究,比如操作方式,做预测是最难的。

  3.产品发展趋势,如未来LBS产品在手机端如何设计 ,如何为用户的生活带来便利,这需要设计师具备预见能力和判断力。

  ……

  注意事项学习中需要注意以下几点:

  1.学习宜由浅入深,知识需深入浅出,早期可以挑一 些简单的产品研究,如阅读类产品,先形成适合自己的学习方法。题目不宜太难,有位学弟想研究手机支付,资料很少,无从下手,会打击到自信心。

  2....

Read more

小楼教你从零开始成为优秀交互设计师系列(四)


  进阶篇

  适合有3个月以上项目经验的设计师学习:

  1.特定控件设计,如标签栏、标签栏、列表界面和弹窗口等,汇总已有设计的优缺点和设计规律。

  2.特定界面设计,界面中如何呈现特定的信息,如应用程序首页、个人资料或者数据流界面。

  3.独立常用功能设计,如注册登录、刷新和功能引导,需要了解功能背后的技术知识和产品策略,需要绘制流程图,组织线性的操作流。你需要调研已有产 品,并试图区分它们的优缺点。与技术人员沟通是学习技术的有效途径,你可以有意为难产品经理,让他们讲解各种产品策略,掌握更多的信息对于做出正确的设计 决策和扩展眼界非常有帮助。

  中阶篇

  适合...

Read more

小楼教你从零开始成为优秀交互设计师系列(三)


  二、交互设计师修炼指南

  本文作者爱奇艺无线UED负责人@爱奇艺_晓生,原文刊发在作者博客 daichuanqing

  1,交互设计师需要怎样的知识体系?

  教你从零开始成为优秀交互设计师

  看过各种分析,交互设计师需要具备什么样的能力 ,但个人始终专注于探索如何提高专业能力,一是兴趣所在,二是学习知识能得到成就感。写博客可以督促学习,动机非常单纯,没有关注过什么个人品牌和增加名 气,博客也不能成为评价设计师的标准,作品才是评价设计师的唯一标准。学习和提高个人工作能力都是以做出优秀作品为目标。

  设计师各个阶段需要学习不同难度的知识和做不同的事情,正如我将学习...

Read more

小楼教你从零开始成为优秀交互设计师系列(二)


  二,对需求:

  就是产品经理来提需求,然后和他们对一遍,目标当然是能够正确的理解并整理好这些需求,方便开展接下来的交互设计;

  在对之前通常会大概了解一下相关方面的知识,看看竞品,准备好材料。

  对需求的时候,必须要搞明白的三个问题:

  1)为什么要做这个?(目标)

  2)这个需求针对的用户群是什么?(用户)

  3)什么场景下会使用到这个功能?(场景)

  当然是和PM一起想这些问题,PM品可能有的只能回答到第一条。还有对需求的时候聚焦的核心是产品目标,其他不相关的比如PM说想做个转场动画,想分3步完成这种话都我一般都会主动过滤掉,这个应该自己交互自己独立思...

Read more

小楼教你从零开始成为优秀交互设计师系列(一)


  本文全系列满满干货,是从众多交互设计前辈们分享的宝贵经验里挑选出的最实用的方法,不仅能让你彻底了解交互设计,还能帮有志在这个领域发展,却苦于没有老师的童鞋,从零开始学习成为一名优秀的交互设计师。

  在校大学生、想转行的设计师还能在这儿得到前辈的实用建议,想进阶的交互也有职场系列经验分享,文末还有超赞的资源奉献,干货量大,推荐童鞋们收藏 :)

  交互设计那些事儿

  一、什么是交互?

  交互这个说法来自于国外,交互的名词形式是interaction,形容词是interactive,交互设计的英文则是 Interaction Design。

  问题是到底什么是交互?...

Read more

小楼说:产品经理必须了解的七大移动互联网设计趋势


  如果你是一个APP狂热分子,你会花大量的时间在各种APP的尝鲜中,你会明显感受到一些APP在采用着某种风格鲜明的设计语言,来标榜自己的独特之处,行成自己的设计风格,甚至引领设计风向。去年我们关注到随着Metro设计风格的影响和iOS7的发布,APP明显都开始尝试扁平化的设计语言了,除此之外,还有哪些显性化的设计语言崭露头角呢?

  在这篇文章里,我想分享一些日益显性的设计语言,让人一眼就记住它的风格,有一些已经随着优秀设计师的摸索,融入到国内移动产品设计里了,而有一些,确实是刚刚在萌芽阶段,需要更进一步的摸索和尝试。

  一、唯一主色调 | Simple color scheme...

Read more

小楼Axure大讲堂之Web字体的使用


很多同学反映,明明在原型中设置了字体,但是生成后却是宋体。的确很讨厌!那么,如何让生成后的原型正确显示字体呢?
下面,小楼老师就告诉大家应对这种情况的方法。
跟我来,有肉吃!
一、下载字体文件,这里以.TTF格式的字体文件为例。下载之后重命名文件,比如案例中我用的是华康娃娃体,下载后我把它重命名为hkwawa.ttf。呃….好喜欢娃娃!!!一会儿去搂着娃娃睡午觉!
二、在你的原型中,把应用这种字体的文字,设置成这种字体,设置方法需要手动写入字体名称,见下图:
151
三、打开生成原型的对话框,选择web字体,并按图中进行设置:
152
图中填入的语句如下:
...

Read more

小楼讲如何用Axure RP7创建响应式原型


  小楼讲如何用Axure RP7创建响应式原型。自从几年前响应式技术开始应用时,创建响应式原型就成为了很多人苦恼的事情。响应式设计用一种非常优雅的方式处理为多种设备类型使用HTML和CSS编码的应用,但是提供给UX专业人士的原型工具却没有具备同样品质的可以测试或者验证的功能。不过随着最新Axure RP 7中的适应性视图功能发布后,这个情况开始改变了。

  Axure RP 7的适应性视图

  Axure RP 7的适应性视图让不借助编码创建响应式原型成为了可能。你可以利用这个功能在Axure RP里创建一个多视图的页面,这个视图能在给定屏幕尺寸的设备里显示。

  这无疑是...

Read more