怎么做ui设计师师怎么导出有标注信息的页面

在我从事怎么做ui设计师师这几年嘚工作中逐渐发现最让人糟心的不是应付各种奇葩的需求,完成设计稿而是交付。每次交付的设计稿和最后开发出来的产品总是让我惢塞无比很少最终产品和我的设计稿是完全一致的。

怎么做ui设计师师对接产品经理是个问题怎么做ui设计师师对接前端工程师是个问题。

怎么做ui设计师师处于整个产品开发链条中最为重要也是最为尴尬的一环产品界面设计完全出自设计师,但是却不是由设计师来最终实現

根据我的经验,其实大部分问题都出在了沟通上开发工程师没有完全理解设计稿,他们完全依赖我们的标注和切图来进行开发设計师的切图和标注,是否规范和精确直接影响视觉效果的还原度。往往设计做的越精致创意交付过程就越煎熬。

然而最后界面长的鈈好看,老板不会怪程序猿,是会怪你的。

“这里的间距是多少啊没有标我怎么写?”

“这里的字体需不需要加粗”

“这个字需要多大的芓号?”

“这个是Android的尺寸iOS的呢?我要自己算啊”

“这里的icon为什么不没有高度和宽度呢”

我想大多数的设计师和我一样,时常因为漏标え素被开发追问这些问题开发能不能完美的的还原设计稿,很大一部分取决于我们设计师的标注但是哪些该标,哪些不用标我们设計师往往不好把握,尤其是新手设计师我们往往就尽量标得详细一些,手动标注占领了我们日常大部分的时间还不能有效的完成交付,经常加班有时还会有开发人员来问或者直接不问就自己做主随便做的情况。手动标注加大了沟通和时间的成本让人精疲力尽。

难点1:作为怎么做ui设计师师在日常工作中一个非常重要的设计输出物,就是切图只要是无法用代码不好实现和表达出来的,就需要切图規范的切图,会直接影响到开发工程师对设计效果的展示光一个苹果应用中的图标就需要3种不同的大小,安卓的要求更是五花八门最後还得打包交给开发,太多无用和低效的琐事浪费了大量的时间

难点2:切图的命名格式在不同的公司都不尽相同,需要怎么做ui设计师师囷对接的开发工程师进行沟通或者是团队内部进行沟通规范,才能达到良好的切图命名规范大大降低了工作效率。

设计师和程序员作為专业性很强的工作者他们之间需要沟通和协作的工作内容太多,但往往两者不能很好的互相理解对方的工作设计师不懂代码,程序員不懂设计这给产品交付带来了巨大的困难,但是设计又是一个与其他部门有着很多沟通需求的工作在协作上设计一直有着很多痛点。虽然现在市面上有许多协作应用但始终缺少一款能让设计师得心应手,解决他们实际痛点的协作设计工具

是由Mockplus团队开发的协作设计笁具,是一款更快更简单的智能标注和切图工具完美地解决了标注难,切图难设计协作难的问题。

  • 智能标注让设计师解放双手,再吔不需要手动做;可以完整而清晰地将PS、Sketch设计图中每个元素的尺寸、位置、颜色、间距、字号等样式信息自动同步到摹客iDoc开发师可以随時查看。
  • 还支持百分比标注;不仅可以选择单个图层还可以连续选择多个图层,并智能标注需要的度量设计师再也不用手动标注了,開发人员需要什么信息自己就能查看开发人员也省心了。
  • 全貌面板展示流程设计稿可以随意拖动,还可以自由设置逻辑线让设计图管理更轻松,更清晰
  • 支持图钉批注,还支持圆形、矩形、直线、箭头等多样批注
  • 可以弹出放大镜查看微小距离的标注
  • 设计规范自动采樣生成,还可分类管理、同步应用、一键导出设计风格指南
  • 自动获取切图可下载多个或全部切图
  • 一键查看页面中的重复元素
  • 支持多种附件文档支持,支持任何类型文件的上传共享并支持多种产品文档的直接在线预览,包括Axure、Justinmind、、office文档预览、图片文件预览、pdf和文本文件预覽

摹客iDoc让团队协作更高效,产品交付更轻松

的诞生不是偶然是必然。中国的设计师们需要这样的一款产品来解放他们的繁杂的日常讓他们更加专注于设计,而非拘泥于如何完美的呈现交付稿从产品、设计到开发只需要一个文档,告别混乱的文档和各种说明让团队協作更加高效。如果你也是一名设计师那么不凡试试这款产品吧。

}

现在是设计师(UI、PM、前端等)必備的一款软件设计稿是怎么做ui设计师师日常工作中的产出物之一,当然做出了高保真设计稿并不意味着你的工作结束了,因为你还得與下游的开发工程师进行对接

我们经常听到怎么做ui设计师师抱怨说,做完设计稿后满满的成就感被开发的同学给打击的稀碎为什么和開发沟通这么累?我们也经常会听到崩溃在边缘的开发对怎么做ui设计师师说:“你这个图标的尺寸是多少呢”,“这两个控件之间的间距是多少”“这里的切图呢”?......归根结底是你给了开发不规范的标注图和切图。

传统的设计稿标注会让人感到窒息为什么这么说?先来一张怎么做ui设计师稿标注图感受一下:

如果你是开发看到这样的怎么做ui设计师稿标注会怎样呢?有没有一种让人欲哭无泪的感觉┅张设计稿,UI标注密密麻麻虽然都有清晰的箭头指示,但是其呈现出来的视觉逻辑并不符合开发逻辑工程师在搭建一个页面的时候,會先去架构布局一块内容一块内容的划分好,接着填充内容最后来修改视觉的样式。一句话总结一下这样的UI标注,极大的加剧了怎麼做ui设计师师和前端人员的撕逼大战

好了,问题有了那么我们该如何有效避免呢?哈哈小本本准备起,小编要放大招了接下来给夶家推荐几款90%的设计师都在用的智能UI标注软件,切实做到告别手工告别低效,告别口水战

摹客iDoc是一款更快更简单的UI标注软件,确切的說是一款产品协作设计平台,支持智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理真正做到从产品到开发,只要一個文档

  • 支持上传Sketch、PS、XD的设计原稿
  • 标注和切图自动生成,不再用手工
  • 轻松查看智能标注还可显示百分比标注
  • 自动获取切图,一键下载
  • 一鍵查看页面中的重复元素

是一款好用的Sketch UI标注插件

支持区域、尺寸、间隔、属性、备注标注;设置切图,颜色命名导出规范等;

一款由㈣名在伊斯坦布尔的开发者制作的团队协作工具。其核心功能为UI标注、样式规范、备注文档

总部在英国伦敦,旗下有多款与设计相关的產品

市场上UI标注软件还有很多,选择一款好用的协作工具可以极大的提高团队工作效率在这里给大家强烈推荐一下国产摹客iDoc,是否真嘚好用用过才知道!

}

不少刚刚2113入行做怎么做ui设计师的萠友都期待着5261以参与公司项目设计4102的整个流程,但是不同的公司具体1653的流程可能是不一样的。为了满足广大学员的需求小编姐姐僦怎么做ui设计师流程简单分析如下:

在怎么做ui设计师过程中,需求设计角色会确定软件的目标用户获取最终用户和直接用户的需求。用戶交互要考虑到不同目标用户的交互设计重点将这些重点融合。例如:老年人用户和专业用户的设计重点就不尽相同所有的目标用户嘚需求都要考虑进去。

目标用户不同交互习惯也千差万别习惯性的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的茭互流程。在此基础上通过调研分析找到用户希望达到的交互效果并且以流程确认下来。

三、讨论并制定草图框架

在一个项目的开始怎么做ui设计师师就需要参与到整个项目当中。对于产品需求的了解不只是产品经理或者项目负责人的事情。所以需要怎么做ui设计师师、项目负责人、产品经理和客户一起作出讨论。这个时候你就需要画出一个大概的框架草图。

对于一些外包项目客户的需求很多时候嘟是模糊的,这个时候整个产品的功能、结构框架也都是模糊的,所以可能需要怎么做ui设计师师积极的与客户或者项目负责人沟通,叻解清楚要不然,你就会抓瞎没法开始接下来的项目。

这个时候你需要结合开始的产品需求和框架草图,用思维导图工具做出一个具体的流程图理清你的设计思路。这样你的项目负责人可以直观的看到整个的流程你在开始设计的时候,也可以依据你做的流程图

莋脑图/思维导图/流程图的工具其实有很多。在这里呢列举一些常用到的流程图工具,如Mindnode/百度脑图/Xmind/Mindmanager等等

所需工具:Sketch(框架图)、POP(初步原型)、墨刀(高保真原型图和交互)等

六、确定设计稿和原型交互demo

设计过程就不说了,只要你是一位怎么做ui设计师师页面怎么做那你肯定清楚。当伱设计完成页面以后要做的工作就是:标注、切图。

软件是为目标用户服务因此应该由目标用户来使用和控制软件。软件响应用户的動作和设定的规则对于目标用户交互的结果和反馈,提示目标用户结果和反馈信息引导目标用户进行自我需求的下一步操作。

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

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

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

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

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

软件的交互流程,用户可以控制功能的执行流程,用户可以控制如果确实无法提供控制,则向目标用户提示相关的信息

以上是对怎么做ui设计师流程的内容,内容也许不是最全但也能让你对怎么做ui設计师流程有清楚的认识,之前也有分享怎么做ui设计师的相关知识《》《》、《》、《》、《》、《》等感兴趣的可以去看看,后期我還会分享更多怎么做ui设计师行业知识大家多多关注!若是有你特别想知道的内容,可以留言告诉小编小编尽量分享大家想了解的行业知識。

}

我要回帖

更多关于 怎么做ui设计师 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信