有哪些关于交互设计方面的好网站?

发布于:2023-07-12 16:27:36

交互设计的网站国外的会多一些

交互设计工具

交互设计师用一系列不同的工具来完成他们的工作。无论他们是在一张餐巾纸上画一个交互草图还是给客户介绍一个模拟雏形,他们的目的是相同的:通过交谈来沟通。最重要的是,交互设计师需要良好的沟通。以下列出一小部分用于帮助沟通的工具。请记住当网页界面最终创建好时,需要用诸如CSS、HTML、Flash等面向用户的(前端)技术来完成。

BALSAMIQ MOCKUPS是一个非常棒的Adobe Air应用程序,使构建交互变得非常容易。Balsamiq团队做得非常出色,为用户提供了大量实用的应用设计的交互设计模板。此外,用户可以很快地跟客户分享构建框架,建立起框架与更多方面间的联系。

Omnigraffle是一款适用于Mac OS X系统的出色的绘图软件交互设计师可以利用像Omnigraffle这样的绘图软件创造出温和的美感。Omnigraffle加载了一系列值得称道的功能,包括:点击即可显示功能(例如,你可以展示一个模式如何运作),绘制bezier曲线等。

尽管最早InDesign是一个页面布局的应用程序,主要是平面设计师在使用它,但它在交互设计中的实用性不容忽视,特别是它引入了EightShapes Unifyframework(见下文)。它是Adobe creativeSuite中的一员,InDesign可能是将工作流程简单化的一个理想工具,它使你的团队工作起来更加容易。

最后但也是相当重要的,我们不要忘了永远忠诚的Moleskine笔记本。用铅笔和纸来绘制给架构过程增加了一点人文因素,这是其他软件工具所不能比拟的。再者,所有人都可以参与。即便是最差的设计师都能画“方框和箭头”。记得花钱买一些这样的笔记本,然后在跟客户第一次见面的时候带上他们,特别是当白板不是那么方便的时候。

5.1 相关资源

用Balsamiq Mockups建立的Mockups To Go,是一个由用户提供,可以马上使用的交互设计组件和设计模式的合集。如果你发现自己在做一些现在已有的东西,你应该立刻去查看这个设计库;他们或许有和你的设计非常接近的模板。

OmniGraffle version 5.x.Konigi公司免费提供了一系列制作线框(低保真网页设计图)的图形。它包含了大多数你需要用来创建用户界面的基本元素。

Unify使你的用户体验设计更统一。简介如下:EightShapesUnify是一个模板、图库和其他组件的合集,它使用户体验设计师的设计更统一,有效和快速。这个系统使用了AdobeCreative Suite,最主要的一点,InDesign是其中至关重要的一个制作工具。

总之,EightShapes尝试规范交互(和用户体验)设计师的工作流程。我还没有尝试使用这个系统,但它的信息非常全面,同时有教学视频,你可以马上开始自学。

5.2 把你的草图都放在一起,让所有人都参与进来。

IxEdit允许在网页里创建雏形。用这个加载在浏览器中的工具,可以将交互设计师创建的一些初级的xhtml/css/javascript的交互雏形可视化,从而加快设计的流程。IxEdit是一个被称为“基于JavaScript的网页交互设计工具。通过IxEdit,设计师可以进行DOM-scripting的实践操作而无需写代码来改变、增加、移动或者变换他们网页上的动态元素”。

交互设计协会

用他们的话来讲,IxDA提供了一个讨论交互设计以及帮助其他热衷于交互设计的人收集和增长学科知识的网络平台。

尽管AIGA(AmericanInstitute of Graphic Arts)最初为平面设计师而成立,该组织自身意识到,平面设计师更频繁地给新媒体设计组件,在交互设计中起着重要的作用。在美国各地都有当地的AIGA组织。在我熟悉的组织里他们主办过很多活动,如Photoshop Layer Tennis,或艺术展览等。AIGA很值得参加。

有关交互设计的书单

可以排好几个网页。在这里只列了其中最具代表性的5本。

Designing WebInterfaces:Principles and Patterns for Rich Interactions

The Principles of Beautiful Web Design

Designing the Obvious:A Common Sense Approach to Web Application Design

About Face 3: The Essentials of Interaction Design

Sketching User Experiences:Getting the Design Right and the Right Design (InteractiveTechnologies)


免责声明:本站所有内容及图片均采集来源于网络,并无商业使用,如若侵权请联系删除。

上一篇:交互设计中的排版-网页

下一篇:「交互」酷炫的app网页交互动效设计欣赏

资讯 观察行业视觉,用专业的角度,讲出你们的心声。
MORE

I NEED TO BUILD WEBSITE

我需要建站

*请认真填写需求信息,我们会在24小时内与您取得联系。