交互设计师趣味工作Balsamiq Mockups说明书（定稿）

第一篇：交互设计师趣味工作Balsamiq Mockups说明书（定稿）

交互设计师趣味工作Balsamiq Mockups Post by 张美工, 2012-2-24, Views:47Hi everybody, 张美工近一年的可支配时间都在创业，实在是无暇顾及我的zhangmeigong.cn呀，呵呵，常来的同学郁闷了吧，没有太多更新，哈哈。

这次跟大家一起聊聊一个交互设计师用到的一个十分有意思的小工具--Balsamiq Mockups，是出自加利福尼亚州的Balsamiq工作室，创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具。

手绘风格崇尚自然，简易，Balsamiq Mockups设计的原型，给各种压力下的浮躁的UE们，带有一点趣味，简单说说这款工具：

一、Balsamiq Mockups全部工具介绍：

A.我们通常在设置原型时用到的模块，在这里都有，预制了很多界面元素，从简单的输入框，下拉框，浏览器主要元素，到经常用得到的导航条，日历，表格，到复杂的Tag Cloud，Cover Flow, 地图，WYSWYG的格式工具栏；

B.界面元素的修改很简单，比如导航条的几个标签页的label，就是用逗号分隔的文字，下拉框的选项就是分行的文字；

C.在国内的交互设计师们，只要在view将“ use system fonts”选中，就可以在各模块里如“button”里输入中文“搜索”。

有些UI控件如“ICON”可以在属性里进入ICON库，选择想要图形，如图：

D.使用xml语言来记录和保存界面元素和布局，1.这使得每个设计都能被很好得放进SVN，Git，和CVS等工具中进行管理和跟踪； 2.可以设计复杂的界面元素，保存后，以后可以重复使用（包括修改）；

二、实例演示---手机端原型设计：

A.在工具栏拖出“手机”，大家一定要多玩玩各个模块带的属性面板，会有意想不到的收获，哈哈，上图：

释：1—选区: 一个模块在当前选中时，外围有一个长方形选区，可做长宽高低拉伸，也只有点在选区才能位移模块。

2---属性面板: 前面提到属性面板，OK，当选中状态时属性面板就会出现，可以选择手机方向“横向”、“纵向”；手机屏幕是否有上、下边，是否有信号、时间区。

B.再拖出手机里需要的“数字模板”，将它贴在A上。各种属性面板可以尝试着玩玩如“大键盘”、“小键盘”。当两个模型交叠时，会出“对齐”属性也可以玩玩，呵呵。还有“层次问题”

C.Balsamiq Mockups支持360全屏查看功能，方便总体设计思考 ,不多解释，自己玩儿去。

D.Balsamiq Mockups的保存

1.导出成PNG格式的图片;

2.创建的多个文档可以生成PDF格式文件

E.可以用命令行进行导出操作，这样就能让我写个脚本，从svn里checkout某个目录下的所有设计文件后，导出图片，打包后用邮件发到项目经理，工程师甚至客户那；

F.跨平台，Balsamiq Mokups是用Flex和Air实现的，所以在Mac OS,Linux和Windows下都能使用；

G.不仅仅有桌面版本，还有能集成在Confluence，JIRA，和XWiki中的版本，使得异地在线协作更方便有效；

到此，一个简单有趣的手机就算初步完成了，当然交互设计师做的工作是要细节再细节，下面张美工自己做一个手机细节原型

手机翻看图片功能：

手机查看地图功能：

>> 点击进入Balsamiq Mockups官方下载安装页面 <<

点击图标直接安装即可，安装内容包括Adobe AIR环境以及Mockups主体桌面程序：

交互设计师趣味工作Balsamiq Mockups之 控件名中英文对照

Post by 张美工, 2012-2-24, Views:89

Balsamiq Mockups目前没有中文版或者汉化版。实际上，Balsamiq Mockups里的UI控件和图标元素非常容易识别。但很多用户还是想读懂它上面的英文含义。软餐博客将Balsamiq Mockups 中常用的元素做出了一个中英文对照版，方便和我一样英文不佳的读者对照参考使用。

bar chart：柱状图 columnr chart：柱状图

cover flow：cover flow：苹果首创的将多首歌曲的封面以3D界面的形式显示出来的方式。modal screen：屏幕模式 Vertical Tabs：纵向Tabs accordion：可折叠标签 breadcrumbs：面包屑 callout：插图编号 combobox：组合框 pull down menu：下拉菜单 data grid：资料表

geometric shape：几何形状 a paragraph of text：段落文字 horizontal rule：水平线

horizontal scroll bar：水平滚动条 horizontal slider：水平滑块 horizontal splitter：水平分隔器 numeric stepper：数字点选器 toggle：开关 pointy button：尖按钮 progress bar：进度条 red X / X-Nay：红色叉 subtitle：副标题 tooltip：工具提示 balloon：气泡

vertical slider：纵向滑块 presentation：演示 hints：暗示 cursor：光标 assets：资源，资产 zoom in：放大 zoom out：缩小 duplicate：复制 交互设计师趣味工作Balsamiq Mockups2--自定义控件

Post by 张美工, 2012-2-24, Views:6

3从版本2.0开始，Mockups桌面版支持Symbol概念。类似特性在其它软件中称为Templates、Master pages、Components 或者Widgets。

本质上，Symbol让你可以在多个Mockup文件引用公共的元素。

在Mockups中，Symbol是简单命名转化为Symbol形态的Group。待会我们会讨论更多它的帽底乾坤。现在，让我们先创建一个Symbol！

你可以创建一个新的Group或者选择一个已经创建好的组来转化为Symbol。下列步骤假设从创建一个新的Group开始。

1.选择想要群组的控件

2.群组选中控件。（选择Edit菜单下的Group命令，Group后会呈蓝色。）

3.为Group命名。（比如login for

4.保存带有这个新Group的文件。（转化Group为Symbol之前文件必须要保存。）

5.在Property Inspector点击Convert to Symbol按钮转化为Symbol。

你会注意到Group选择变为了亮绿色。这表示选中的是Symbol的一个实例。

你现在就有了一个名为“login form”的Symbol，它会显示在UI Library的Project Assets标签里。（同样也可通过Quick Add添加它。）

帽底乾坤

一旦点击“Convert to Symbol”，Mockups桌面版会将选中的已命名Group添加到你BMML文件旁assets文件夹下symbols.bmml 文件中。如果不了解assets文件夹，你可能需要参考best practices for creating projects with Mockups（使用Mockups创建项目最佳实践）。

理解Symbol的关键是，Symbol是存放在项目assets文件夹BMML文件中的已命名Group。

我们知道这个定义相当晦涩难懂，但彻底理解它有助于你掌握这个及其强大的特性。如果现在对Symbol还是没有什么概念，请别担心，我们一起回到前面，再学习一遍之后继续前进。；）

重定义Symbol属性

创建了Symbol后，每次使用时常常需要做一些小调整。假设你创建了一个Symbol作为Master Page/Temple，它包含了一个网页的标题和导航。

整个网站的Page Title具有相同大小的字体和位置，但是每一个页面Title文本都有所不同。同样道理，导航栏标识某一个页面的当前地址也有所不同。

Symbol允许每一次使用时重定义属性达到这个目的。需要的时候，请在Symbol上双击、Enter或者按快捷键F2 “进入内部”。

这很像编辑Group内容，但你会注意到一个提示，是否真的需要重新定义Symbol的属性。

如同编辑Group一样，你可以随意调整Symbols里面每一个控件。超过Symbol属性的操作不被允许，比如添加、删除或者群组控件。

如果做了误操作，你可以一直撤销返回。如果只想撤销Pos.& Size恢复为Symbol默认数值，可以点击Property Inspector中（Pos.& Size右边）绿色的“x”icon。

通过Property Inspector中（Symbol一栏最右边）的“x”icon，也可以一次性撤销全部操作（Pos.& Size和内容），恢复为Symbol实例。

编辑Symbol源文件

重复使用Symbol的主要优点是，一旦需要做调整，只是编辑一个地方，就会更新所有Symbol的实例。

编辑Symbol源文件，如同编辑Group。只需要打开BMML文件包含Symbol，然后编辑就可以了。保存你的更新，回到Mockups中使用Symbol，就会注意到变动已经生效了，就这样而已。

程序提供2种快捷方式帮助你打开Symbol源文件以便于编辑。

• 你可以选中一个Symbol实例，在Property Inspector点击“Edit Source”。

• 你可以进入一个Symbol实例，然后点击如下图的“Edit”按钮。

Symbol Libraries

Symbol Library是Symbol集合。你可以创建Symbol Library共享控件给你的团队，或者通过社区Mockups To Go分享它们。

创建一个Symbol Library，必须创建一个BMML文件以及一些Group(每一个是一个Symbol)，并且Group有各自的名字。

只要有BMML文件存到asset文件夹，其中的Group就会转化为在这个项目任何Mockup中都可以使用的Symbol。

One more thing…Using Whole Mockups As Symbols 还有一件事情……将整个Mockup作为Symbol

我们还有个小秘密还没有跟你分享。记得这句话吗？“在Mockups中，Symbol是简单命名转化为Symbol形态的Group，储存于项目assets文件夹的BMML文件中。”

其实，这不是完全正确的。这里还有一个方式可以在Mockups中创建Symbol：创建一个没有Group的Mockup到assets文件夹。Mockups把将整个Mockup作为一个Symbol，名称跟随Mockup的文件名称。

考虑到这点，完成Symbol定义如下：

在Mockups中，Symbol是保存在项目assets文件夹下BMML文件中被名命名的Group，以及该文件夹中没有Group的BMML文件。

Sharing Symbols Across Projects 跨项目分享Symbol

什么？你还在看？这些Symbol的信息对你来说还不够吗？

好吧，既然你找上门来，我们只好彻底坦白。到现在我们已经多次谈及项目资源文件夹，这个名为“assets”的目录就在你BMML文件旁边。

这一切都很好，但是如果你想在所有项目中共享这些Symbol呢？

为了帮助你这样的超级用户，Mockups引入了账户文件资源夹的概念。默认情况Mockups会寻找到你的“文档”文件夹，放置 “Balsamiq Mockups”文件夹，你也可以通过Config.file指定位置。

如果放置图片或者BMML文件在你的文档Balsamiq Mockupsassets文件夹，这些图片和Symbol在任意项目都可用。只要账户资源文件夹有适用的文件，在UI Library的Account Assts标签中都会魔法般的显示出来。

哈哈，大家有兴趣的对照着做做，会有对Balsamiq Mockups有更深的了解，希望交互设计师们都能保持快乐的，有趣的心态来做交互稿，这样的设计才更加有活动有灵魂。

第二篇：交互设计师工作简历下载

交互设计师工作简历模板下载

面试是求职过程的最关键的一步,一份不错的简历可以帮你争取到不少面试机会,但是面试时主要还是要靠你的现场发挥，以下是交互设计师工作简历模板下载，欢迎阅览!

交互设计师工作简历模板下载

拓展阅读：5个最不应该在制作简历过程中犯的错误

对于求职者而言，以下这五个错误，是大家制作简历过程中最不应该犯的错误：

一、简历中主次不分

很多简历，内容庞杂，形式混乱，贪多求全，恨不得把所有的事情都写上，结果，大杂烩，反倒让人搞不清楚究竟应聘者究竟想表达什么。不同的经历，展示不同的能力，同一经历，不同的描述，也能展示不同经历。写的混乱，只会让人觉得应聘者思维混乱、主次不分、目标不明。

你想成为什么样的人，就把自己塑造成什么样的人，不要奢望招聘者当伯乐。

二、重点不突出

对于应届生而言，阅历少、经验不足，但至少教育 背景会是一个亮点。在面试中发现，有的应聘者只言片语带过自己的教育背景，甚至将本科教育经历和硕士教育经历写在一行，很难发现是研究生。其实，企业对于 应届生的考察，并不是特别重视社会经验，关键在考察应届生的学习能力、适应能力、沟通能力和严谨程度。

三、面试重视程度不够

迟到是一种普遍现象。作为受过高等教育的群体，迟到应该事先电话告知。对时间尚且不重视的人，能指望他重视绩效、重视业绩吗

书写混乱。一些应聘者在填表时，写的字实在令人不敢恭维。如果书法不好，可以把行距稍微大一些，至少不会把上下两行字插在一起、无法解读吧。

四、专业水平太差

面试的几个中财法学院本科生，参加过今年司法考试，也进行了长达几个月的准备，但问及相关法律问题，却答不出个名堂，如此水，如何从事法律事务学了四年法律，水平尚且如此，又如何奢望他们在公司商业化化环境下短期学习、提升呢

也有应届生想换行。换行没有错，但能不能对准备从事的方向进行学习呢一位面试者说自己想往人力管理方向转，问及是否有所准备，答曰在工作中学习，把公司当学校了、当实验室，难不成向公司交学费

有备而来，不打无准备之仗!

五、瞎编简历

同一件事情，从不同角度可以进行不同描述，表达不同的目的。经历是可以挖掘的嘛。问题是，挖掘不等于编造。倘若是编造，没吃过猪肉，看过猪走路，也可。但连猪走路都没见过，却编猪走路，岂不是瞎编

深入提问几下，水分立刻就出来了。

一个法学院本科生在被问及一年前所独立撰写的商业计划书时，竟然说时间太久已经忘了，荒唐：自己独立撰写的东西，这么快就忘，此等记忆力能做法律事务或者，要么真忘了，那就别写在简历中，要么写了，就立马去查阅以下过往资料，为什么不呢懒!

求职靠的是实力，不是侥幸，不是纯粹的运气!

练好内功，打好基础，才会成功!

与其反复奔波、饱受打击，不如静下心深入剖析自己、挖掘自己、充实自己先!

第三篇：交互设计师

岗位：交互设计师

人数：2

学历：本科及以上

薪酬：面议

职位内容：

1.负责公司产品的交互设计工作，参与产品规划构思和创意过程，并把关产品的用户体验

质量；

2.分析业务需求，并加以分解和归纳出产品人机交互界面需求，编写界面交互设计说明书；

3.设计产品的人机交互界面结构、用户操作流程等；对现有产品的可用性测试和评估，提

出改进方案，持续优化产品的用户体验；

4.负责用户需求采集和分析，分析竞争产品，并输出有说服力的结果；根据需求和用户研

究的结果，完成界面的信息架构、流程设计和原型设计；

5.结合可用性测试结果，完成界面交互行为和功能的改良，提高产品的易用性；跟踪和评

估产品体验改进；

6.参与公司前瞻性产品的创意设计；

职位要求：

1.大专及以上学历，交互心理学、工业设计、艺术设计等相关专业；

2.1年以上负责或主导大型网站UI设计经验或3年以上网页设计经验；

3.热爱互联网，熟悉各种互联网交互规则，对人机交互有敏感的触觉；

4.掌握人机交互设计理论知识，掌握Photoshop、visio等常用绘图软件，熟悉交互设计

规范，对网站界面的可用性有独到的见解；

5.思维活跃，想象力丰富，富有创造力，较强的学习能力、领悟能力、表达能力和沟通能

力；

6.做事细心、严谨、踏实，具有强烈的责任心、敬业精神。

应聘必须附上个人作品。

第四篇：平面设计师工作说明书

平面设计师工作说明书

一、岗位标识

职位名称：平面设计师所属部门：设计部

二、组织关系

直接上级：校区负责人直接下级：无

三、岗位目标

完成公司所有平面品牌宣传的设计与制作，公司各类形象宣传片的制作，公司多媒体宣传资料的设计制作，公司其他相关网络广告的制作及有关品牌其他相关的设计制作。

四、工作职责

1、负责公司形象的策划、品牌和CIS的创意、美术设计等；

2、负责公司网站前台设计，页面升级与日常维护；

3、负责完成公司所有平面品牌宣传的设计与制作，公司各类形象宣传片的制作，公司多媒体宣传资料的设计制作，公司其他相关网络广告的制作及有关品牌其他相关的设计制作；

4、负责公司各类宣传资料的编辑、VI视觉形象设计、PPT幻灯片形象宣传的执行与监督；

5、负责公司名片，品牌文化宣传刊物的设计与制作；

6、负责印刷稿件的检查、确认，并跟踪，监督菲林，打样，制作以及完成质量的检查等；

7、建立并管理各类平面设计美工等方面的设计资料和文档整理和保存；

8、全力协助招生部做好招生宣传配合工作，以及各部门有关美工方面的设计与制作；

9、利用自身知识和行业背景，有效控制设计制作成本；

10、不断改进和提高设计水平，以满足公司日益发展的要求。

五、考核标准

按以下考核项目及标准每天进行考核，月度统计后计算考核分数，每项工作出

5.1品牌宣传设计定位及风格

设计风格要独特、新颖，符合现代化时尚气息，符合品牌定位。

不断学习，提高自身设计水平，不断优化和改进设计方案。同一设计任务须提交2——3个设计方案。

5.2日常工作管理及完成进度

各类平面设计任务的质量、及时性、准确性。若因工作不认真导致设计错误造成的损失由本人承担损失额的50%。

对各类广告材料的材质、性能、特点、画面效果的熟悉和把握，能根据需求提供准确的材料选择和控制成本。

熟悉印刷流程，印前印后工序，特殊效果印刷工艺，纸张规格，大小开度，印刷价格，印刷周期等。

设计类文档保管和整理要有条理性，确保完整性。内部和外部协作单位满意度考核。按时提交工作计划和总结。

5.3企业文化执行与监督

对公司网站所需的图片设计和网站的定期更新，包括图片、新闻、活动等各类宣传信息。

及时收集同行业有关设计的最新信息，及时关注并向上级反映同行业最新动态。

及时收集国内外重大美术展览等相关行业新闻动态，及时发布到网站； 及时收集国内外同行业、美术馆，展览等相关网站，并更新到网站链接。

5.4包干区卫生管理

每天保持地面、桌面、柜子整洁；

善于对物品进行归类、桌面上物品摆放整齐； 垃圾桶经常清理，垃圾不能满出来； 对各类文件进行分类摆放；

下班前，要关闭电灯、空调、电脑等，物品摆放整齐后再离开。

5.5芝麻开门教职工基本要求和修养：

5.5.1基本要求：

加强自身修养，注意职业道德，讲究仪表礼仪，处处为人师表；

待人微笑、语言亲切、富有爱心、耐心、穿戴整洁、仪态大方。着工作服/围裙、佩戴工作证，不穿超短裤、裙，露背装（含吊带装），着装安全——不佩戴尖锐手饰品、穿细尖跟鞋；

穿戴整洁，发式适合，不得披头散发。端庄大方，上班不化浓妆，衣着符合职业身份；

按时上、下班，遵守坐班制度，有特殊情况需要临时外出，因事或因病不能到学校上班，须把工作安排好，必须按基地请假程序办理请假手续；

使用礼貌用语，讲普通话，使用职业语言，说话注意身份，注意场合，善于沟通；

不要吃有异味的东西，避免与学员、家长交谈时口中有异味；

在工作区域，5米范围内的学生、家长，必须主动以目光和亲切自然的微笑向学生、家长打招呼；

工作时间内不得擅自离岗，规范自己的坐姿和站姿，不得背靠墙壁、桌子，不得坐在学生课桌或休息区桌子上，学生或家长来咨询时不得坐在椅子上；在家长询问时不得漠不关心或无精打采；

参与专业学习、听课、讲座活动、开会时，应讲究礼仪，不迟到、不早退，不交头接耳，不随意进出会场，不看与会议无关的书报，不能自己拿本子涂涂画画，积极参与讨论，并将自己的观点如实的阐述，做好记录；

不得随意拿取基地或其他教师的教学资料，不得随意在他人教学资料上乱写乱画；未经同意，不得拿走基地任何教学资料和作品；

爱护基地公物，精心保护电教器材、教具、书籍，画材。注意保持办公室、卫生间、教室等公共场所的卫生；

下班前，要关好门窗、电脑、电灯、空调、多媒体等，将桌面整理干净，物品和椅子摆放至标准位置；

在上班时间内禁止在工作区域就餐、吃零食、打牌、玩游戏、抽烟、睡觉等与工作无关的事情；

及时有效完成上级交办的其它工作和其它部门需配合进行的工作。

5.5.2教职工基本修养：

热爱学生，尊重学生，不讽刺学生，与学生谈话要用热情的语调，鼓励的眼神。即严格要求，又避免简单粗暴，不辱骂训斥学生，不以言语、手势或眼神伤害学生的自尊心；

保持良好的心境，善于控制调节自己的情绪，不得向学生发泄怨气而影响工作，损害自己的形象；

坚持正面教育，不准以罚代教（罚站、罚劳动、罚不准进教室上课等）； 不和学生有任何身体接触，言语冲突；

保持基地和办公室的安静，轻声说话，轻步走路，不打扰他人、工作、学习。不聚在一起闲谈，无事不随便出入他人办公室；

尊重他人，团结同事，诚恳待人，礼貌相处，不议论、不传播别人隐私，不诽谤中伤同事，不互相排斥，教师之间，不允许言行粗鲁和争吵行为，团结协作，奋发向上；

不接受家长馈赠，不得向家长索取物品，不得在任何假日暗示学生送礼。

5.6考勤：

考勤管理按公司考勤制度执行，出现违反制度时除了按标准执行处罚外，当月有请假或迟到2次（含）以内者为5分，3（含）-5（含）次者为4分，6（含）-8（含）次者为3分；8次以上者该项不得分。连续请假者可按1次计算。出现旷工等严重违反考勤制度者，该项不得分。

六、考核结果应用

6.1晋升：

在学校有岗位需求时，根据个人能力和特长可参加竞聘。6.2降职或调岗：

1、试用期后连续2个月不能很好地完成本职工作者（月度考核分数在80分以下）；

2、玩忽职守给学校造成恶劣负面影响者；

3、严重违反公司制度，不服从管理的。

七、工作流程

八、任职资格

8.1设计相关专业大专或以上学历；

8.2熟练使用各类设计软件，了解使用办公软件，熟悉各种材料的应用和制作工艺；

8.3对色彩把握敏锐，创新能力强，具有把握不同设计风格的设计能力； 8.4逻辑思维能力强，有高度的责任心和敬业精神； 8.5做事认真、细致，沟通能力强，团队协作能力强。

九、办公条件

室内，环境舒适，无危险性。配备电脑和网络。

第五篇：平面设计师工作说明书

工作说明书

工作名称：深圳联腾科技有限公司平面设计师部门名字：市场管理部 直接上级：部门经理直接下属：无

主要责任：

1负责所有活动及公司需要的平面效果设计：占用时间：50%具体任务：(1)收集同行公司平面宣传资料，分析整理并向部门经理提出借鉴

意见

(2)整理公司项目案例，设计案例的视频资料

(3)根据策划的方案设计平面效果图，并根据实际情况及专业知识提出自己的意见，多和策划、平面设计进行协调与沟通。

(4)公司产品目录的设计和制作

2设计VI系统：占用时间：10%具体任务：（1）公司VI系统的设计和规范试用的监督

（2）执行公司开发项目的VI设计发展和导入；

3修改平面效果图：占用时间：15%具体任务：(1)把平面设计初稿发给策划人员核对，根据策划反馈的信息对初

稿进行修改并定稿

(2)完成对照片、图片的后期处理

4核对成品及网络更新：占用时间：15% 具体任务：(1)成品出来后，对成品进行细致核对，如有错误需及时重新制作，保证活动按时进行。

(2)与网站工程师配合，为网站更新提供资料

5协助活动布场：占用时间：10% 具体任务：参与策划有关公司产品的发布展会等活动的整体布局

该岗位的工作条件描述：

正常工作时间：周一至周五上午8点至下午5点

加班要求：交稿结案前可能需通宵熬夜完成工作任务。

该岗位需要使用的特殊工具或设备:计算机；手绘板

与其他工作岗位的联系：与部门经理密切配合，确定需要的平面效果；与策划部门紧密配合，确定定稿；与网络工程师进行网站资料的提供；协助活动策划人员完成会展布局

工作环境：

物理：大部分的工作时间是待在办公室或工作室中。

人际：需要与其他工作人员进行商讨与合作

待遇：薪资模式一般是底薪+提成平均月薪2500元

工作权限：(1)要求相关部门配合相关工作的权利

(2)有权处理受上级委托处理的其他事项

业绩考核：(1)设计完成的及时性

(2)网站管理维护

岗位要求：

年龄：25岁以上

性别：不限

教育水平：平面设计、广告等相关专业大专及以上学历

特殊技能和能力：熟练使用ps和corel draw（或AI）等常用平面设计软件 个性品质：有敏锐的美感，但对文字也要有一定的素养；

具有独立工作能力和团队合作能力；

自信，坚信自己的个人信仰、经验、眼光、品味。

工作经验：两年以上类似职业从业经验