联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

ui设计切图用什么软件?设计流程有哪些?

Time: 2019-12-21


ui设计师是一种比较受欢迎的职业,它的工资也是很高的,一些朋友对它不是太了解,那么,ui设计切图用什么软件?它的设计流程有哪些?可能很多朋友都不太了解,接下来就让小编来给大家分析分析吧。


ui设计流程有哪些


  一、确认目标用户

  在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如:对于科学用户和对于电脑入门用户的设计重点就不同。


  二、采集目标用户的习惯交互方式

  不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。


  三、提示和引导用户

  软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。


1.jpg

(图片来自网络)


  四、一致性原则

  设计目标一致。软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。

  元素外观一致。交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。

  交互行为一致。在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确,但是的确有相反的例子证明不按照这个理念设计,会更加简化用户操作流程。

  五、可用性原则

可理解。软件要为用户使用,用户必须可以理解软件各元素对应的功能。如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。比如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。

  可达到。用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。

  可控制。软件的交互流程,用户可以控制。功能的执行流程,用户可以控制。如果确实无法提供控制,则用能为目标用户理解的方式提示用户。


2.jpg

(图片来自网络)


ui设计切图用什么软件

  蓝湖使用环境,需要在 PSCC2015以上版本使用,需要官方提供的压缩工具才能打开。

  官网直接下载安装,结束后可直接在PS,窗口-->扩展工具中打开。

  切图及标注使用方法:

  扩展中打开,登录蓝湖账号密码;

  选择当前设计稿的设计尺寸,一般情况下移动端手机设计稿是iPhone 6尺寸设计稿750*1334选择 Ios @2x ;

  当前页面的切图,找到需要切图的图层部分标记一下,会出现一个虚线框;

  切图完成后 选择上传到全部画板,就会把设计图上传到蓝湖的Web端,开发可以在Web端 查看设计稿的标注、切图、颜色、代码等内容,切图有@1x,@2x,@3x,型号,点击需要切图的位置就可以下载。

  交互原型使用方法:

  在所有设计稿上传到蓝湖Web端后,可以用交互工具将设计稿交互连接起来,直接预览最终交互效果;

  还可以手机下载蓝湖APP,在手机上查看带交互的设计稿,更容易展示给用户观看。


  好了,看了小编介绍了这么多,相信大家对ui设计切图用什么软件的全部内容有了一个基本的了解了吧,ui这个行业是很好的哦,有兴趣的朋友可以加入进来。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开