零点传媒强力推荐适合UI/UX设计师和PM使用的设计

作者:零点传媒     发布时间:2014-08-28 15:20:52     来源:http://www.szzero.com

        可能很多读者都还不知道UI和UX是什么意思,网页设计中的UI和UX指的是什么?

        软件设计可分为两个部分:编码设计与UI设计。编码设计大家都很熟悉,但是 UI设计还是一个很陌生的词,即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。

        UX(User experience design),UX是User experience的缩写,中文翻译为:用户体验。UX指用户体验,UX设计指以用户体验为中心的设计。UX设计师研究和评估一个系统的用户体验,关注与该系统的易用性,价值体现,实用性,高效性等。

        设计师也有可能关注与一个系统的子系统或者流程。例如,他们有可能研究一个电子商务站点的结账(checkout)流程,看看流程是否对用户友好易用。他们可以更加深入的研究子系统的组件,比如研究用户在填写Web表单的时候如何更加高效和舒服。

        无论是做网页设计还是手机移动端设计,开始制作时都是先从原型框架开始设计,最初设计师们可能在纸上画原型图,但现在已有很多先进的工具能让我快速生成原型并能实现一些交互设计功能。因此,设计达人网整理一些适用于移动应用的原型设计工具,这些都能有助于你的工作哦!

flinto

        Flinto 用于演示App原型的工具,它能快速将你设计好的原型图(框架图也可以)链接起来,并以App形式展示,这样你给客户看的时候,简直像一个真的App一样。使用flinto一般5分钟就能制作完原型展示,简单快速。

filesquare

        一个链接模型画面的工具,通过在线方式上传和操作。另外它还是一个开放的交流平台,用户可以为作品添加注释,比如添加反馈意见等等,或许你会发现有专业的设计师给你意见哦!

这里有个在线DEMO演示:App.filesq

CONCEPT.LY

concept-ly

        可以快速将框架图和ui设计图转换成交互式App程序。

Fluid UI

fluidui1

        Fluid UI帮助交互设计师们方便制作产品线框图,它甚至能够影响到后期的界面设计、产品功能设置以及上线前测试。Fluid UI具有丰富的资源库,不管是iOS、Android还是Windows 8都能找到最合适的资源来使用。支持添加手势,让设计原型更真实。Fluid UI有动画效果,高保真模拟用户体验和操作。

Brief

briefs

        Brief 堪称移动App上的”Axure RP”,Library内置了很多丰富的UI组件/控件,可以快速创建你的App框架图,并能添加Actives(触发动作)实现交互功能,该软件价格有点贵,但对工作却是很有帮助的,(其实你可以向公司申请购买嘛!)

Balsamiq

balsamiq

        balsamiq 可以让你原型框架图变成可爱的手绘风格,就像在纸上手绘草图一样,看起来很Q版。balsamiq 还内置很多手绘风格的常用UI控件,足够画一般的网页设计框架、App框架使用。

Axure

axure

        Axure这个是很出名的了,很多设计师、PM(产品经理)都有用它,它除了能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML 模版外,还支持javascript交互的实现,并生成Web格式给用户浏览。


Copyright © 2002-2014 深圳市零点传媒有限公司 版权所有-技术支持:零点传媒

网站建设

平面设计

摄影摄像

客户投诉