21个免费的UI界面设计工具、资源及网站

  categories:资料  tags:  author:

来源:互联网

来自51CTO的文章,本文将介绍一些UI界面与设计使用的元素、软件和网站。内容很丰富,适合用户体验设计师、界面设计师、产品设计师、JS前段开发、手机产品设计以及iPad和平板电脑产品设计等使用。

Lumzy

官方地址:http://www.lumzy.com/

Lumzy是一个网站应用和原型界面制作工具。使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中。 Lumzy还具有团队协作编辑工具。

wps_clip_image-28742[3][1]

Mockingbird

官方地址:https://gomockingbird.com/

Mockingbird(中文名:百舌鸟)是一个在线工具,它使您轻松地创建UI界面模型,预览UI,并可以共享你的版面编排效果图。

wps_clip_image-6961[3][1]

The Pencil Project

官方地址:http://pencil.evolus.vn/en-US/Home.aspx

为设计图表和用户界面图形原型开发的一个自由和开源工具。

wps_clip_image-18442[3][1]

Dojo

官方地址:http://dojotoolkit.org/

Dojo提供了强大的性能并节省您的时间。这是适合经验丰富前端开发者的JS开发工具包。

wps_clip_image-10342[3][1]

Mocklinkr

官方地址:http://www.mocklinkr.com/

自定义排版托管工具Mocklinkr,让你不用再担心没有漂亮版面

wps_clip_image-17292[3][1]

MockFlow

官方地址:http://www.mockflow.com/signup/

MockFlow是一个在线工具,用户界面设计和协作版面编排工具。

wps_clip_image-10909[3][1]

Serena Prototype Composer

官方地址:http://www.serena.com/products/prototype-composer/index.html

Serena Prototype Composer是制作流程图,模拟程序流程和用户界面设计程序。

wps_clip_image-17488[3][1]

Cacoo

官方地址:http://cacoo.com/

Cocoo是一个用户友好的在线绘图工具,允许你创建一个如网站地图,线框,UML和网络图图等。 Cacoo可以免费使用。

wps_clip_image-24884[3][1]

DENIM

官方地址:http://dub.washington.edu:2007/denim/

一个早期非正式的网站和用户界面设计工具

wps_clip_image-2175[3][1]

Hot Gloo

官方地址:http://www.hotgloo.com/… 阅读全文

从无到有界面设计畅想曲

  categories:资料  tags:  author:

来源:互联网

展现出界面设计整个流程,将概念和视觉元素通过故事串联起来,一次艰难的尝试

wps_clip_image-19357[3][1]
wps_clip_image-16265[3][1]
wps_clip_image-24269[3][1]
wps_clip_image-25626[3][1]
wps_clip_image-28245[3][1]
wps_clip_image-30447[3][1]
wps_clip_image-17968[3][1]
wps_clip_image-16496[3][1]
wps_clip_image-28696[3][1]
wps_clip_image-17049[3][1]
wps_clip_image-12441[3][1]
wps_clip_image-22593[3][1]
wps_clip_image-26049[3][1]
wps_clip_image-25479[3][1]
wps_clip_image-7255[3][1]
wps_clip_image-11439[3][1]
wps_clip_image-6077[3][1]
wps_clip_image-23807[3][1]
wps_clip_image-10728[3][1]
wps_clip_image-7507[3][1]
阅读全文

用户体验、交互设计及案例介绍

  categories:资料  tags:  author:

来源:互联网

image[2][1]

wps_clip_image-26094[3][1]wps_clip_image-6291[3][1]wps_clip_image-14055[3][1]wps_clip_image-24722[3][1]wps_clip_image-8012[3][1]wps_clip_image-4827[3][1]wps_clip_image-16426[3][1]wps_clip_image-6840[3][1]wps_clip_image-13387[3][1]wps_clip_image-14801[3][1]wps_clip_image-2222[3][1]wps_clip_image-15158[3][1]wps_clip_image-19957[3][1]wps_clip_image-16294[3][1]wps_clip_image-12790[3][1]wps_clip_image-30033[3][1]wps_clip_image-19213[3][1]wps_clip_image-24164[3][1]wps_clip_image-19182[3][1]wps_clip_image-9493[3][1]wps_clip_image-15613[3][1]wps_clip_image-12569[3][1]wps_clip_image-21629[3][1]wps_clip_image-4507[3][1]wps_clip_image-12560[3][1]wps_clip_image-10295[3][1]wps_clip_image-29789[3][1]wps_clip_image-9352[3][1]wps_clip_image-6625[3][1]wps_clip_image-7483[3][1]wps_clip_image-18987[3][1]wps_clip_image-15062[3][1]wps_clip_image-27924[3][1]wps_clip_image-18829[3][1]wps_clip_image-6842[3][1]wps_clip_image-29399[3][1]wps_clip_image-18755[3][1]wps_clip_image-9383[3][1]wps_clip_image-17837[3][1]wps_clip_image-7030[3][1]wps_clip_image-14395[3][1]wps_clip_image-28026[3][1]wps_clip_image-14661[3][1]wps_clip_image-10433[3][1]wps_clip_image-24937[3][1]wps_clip_image-25357[3][1]wps_clip_image-22647[3][1]wps_clip_image-20900[3][1]wps_clip_image-16527[3][1]wps_clip_image-28776[3][1]wps_clip_image-1858[3][1]wps_clip_image-15095[3][1]wps_clip_image-13499[3][1]wps_clip_image-20400[3][1]wps_clip_image-20799[3][1]wps_clip_image-21436[3][1]

几个网站

幻灯片4

主要内容

l 用户体验?交互设计?UI设计?

l 实现模型和心理模型

l 用户体验与交互设计基本原则介绍

l 交互细节案例介绍

l 小任务

l 交互设计所需要技能

 

 

 

 

 

幻灯片5

概念区分

l 用户体验:UE

l 用户体验并不是指产品本身是如何工作的,而是指产品如何和外界联系并发挥作用,也就是人们如何“接触“或者“使用”它。

l Web中的用户体验是指用户在访问平台的过程中的全部体验,它包括平台是否有用,疑惑或者bug程度,功能是否易用、简约,界面设计和交互设计是否友好等方面。用户体验的核心是UCD,即“以用户为中心的设计”。

 

 

幻灯片6

 

l “AJAX之父”的Jesse James Garrett早在2000年就提出了以用户为中心的Web设计的流程和用户体验的要素

 

幻灯片7

交互设计

阅读全文


快乐成长 每天进步一点点