如何高效地用omnigraffle 模板库画线框图

OmniGraffle是由The Omni Group制作的一款带有大量模版可以用来快速绘制线框图、图表、流程图、组织结构图以及插图等类型图的app,也可以用来组织头脑中思考的信息,曾获得2002年的苹果设计奖。
它采用拖放的所见即所得界面,你可以用钢笔工具绘制自定义的模版或者图形,此外还自带Graffletopia提供的多个iPhone、iPad以及Android模版。
资源整理者简介:
可能感兴趣的文章
按分类快速查找
关于资源导航
伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1438 项工具资源。
关于资源导航
伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。
新浪微博:
推荐微信号
(加好友请注明来意)
- 好的话题、有启发的回复、值得信赖的圈子
- 分享和发现有价值的内容与观点
- 为IT单身男女服务的征婚传播平台
- 优秀的工具资源导航
- 翻译传播优秀的外文文章
- 国内外的精选博客文章
- UI,网页,交互和用户体验
- 专注iOS技术分享
- 专注Android技术分享
- JavaScript, HTML5, CSS
- 专注Java技术分享
- 专注Python技术分享
& 2017 伯乐在线写文章不容易,打个赏支持下作者吧|赞赏
收藏已收藏 | 21赞 | 51
分享到微信扫码分享到微信
用心做好:人人都是产品经理、起点学院
4913 篇作品1686 万阅读总量
热门问题12345678910关注培训通
责任编辑:fanfu1发布时间: 01:44:00浏览0次
火星人教育创办于2002年,火星人专注做好IT职业教育,符合互联网+发展的浪潮,创办接地气儿的教育学院。
[北京火星人教育]◆24小时咨询热线:400-888-9073& QQ:◆{火星人培训学校}UI设计师的涉及范围包括商用平面设计、高级网页设计、移动应用界面设计及部分包装设计,是目前中国信息产业中最为抢手的人才之一。可免费预约到校体验UI设计课程,更多课程请电话咨询在线值班老师!!!
目前是国内专业性比较突出,专业设置齐全、教学条件优越;与Microsoft、Adobe、Macromedia、Autodesk、Discreet等国际著名厂商以及国家信息产业部等建立了广泛的教育战略合作伙伴关系;
我校主要注重培养学生四个方面的素质教育:专业艺术创作、项目案例制作、独特思维设计、综合素质;火星人现在已成为集艺术设计、工作推荐、自主研发与社会实践于一体的艺术设计培训机构。
火星人UI+UE交互+产品经理相关课程介绍
素描与光影绘制训练训练课程通过绘制几何形体,理解光照射物体时明暗变化的层次关系“素描五大调子”:亮面、灰面、暗面、交界线和反光。提高空间表现能力,光照射物体时的明暗变化以及层次关系等重要知识
设计中的色彩搭配:绘画是对自然界色彩分析与再现,当把色彩从实际物体上分离出来的时候,色彩不但影响视觉同时产生色彩心理暗示。
自然材质掌握课程讲解材质表现的光滑度、透明度、颜色和纹理等物体属性,同时也讲解光对常规形状物体材质的影响
三大构成:平面构成、色彩构成与立体构成,是现代艺术设计基础的重要组成部分。通过学习三大构成,掌握二维空间构图能力、三维空间构图能力和色彩运用的 基本方法。具备将各种设计素材按照美学原则重新组合创造的能力。
阶段一 UI设计师发展与设计软件
移动互联时代UI设计师职业发展趋势、行业对UI设计师的需求标准;
移动互联网中对于设计软件的要求Photoshop以及Illustrator的熟练应用;
设计思维与创意的引导;
UI图标的色彩属性、对比与调和、色彩的混色设计、设计色彩的表述体系,色彩的装饰美感及色彩的表现方法。
备注:PS(一周) AI (2天课程)
阶段二 ICON图标设计与GUI设计实战
ICON图标构图技巧、ICON图标设计规范;
ICON图标的设计流程与方法;
ICON图标玻璃质感、皮革、木纹、布纹、光感、材质的设计方法及实战训练。
掌握 ICON图标设计规范,熟悉GUI的设计过程,视觉统一法则。独立设计天气预报等彩色图标,掌握ICON图标的设计步骤、思路及设计走向、开拓创意思维。
移动平台图标设计,剪影图标,扁平化图标,拟真图标,复古,UI写实图标等图标风格设计实训;2D彩色图标、3D彩色图标实训,游戏图标、阶段项目实训从而掌握最前沿系统的移动UI图标设计技能;
备注:图标设计(8天)
注:第一与第二阶段 合计为3周时间;
阶段三 Web UI界面和网页设计前端
Web界面设计的流程、布局原则、色彩与用户心理的运用、手机移动网站的兼容性, Web标准设计规范及风格;重点了解移动端Web界面设计的设计技巧;
Web多风格类型界面设计网页配色与布局;讲解色彩与构图的基本概念,掌握各种企业类网站的网页特点认知,前沿企业Web界面、知名门户Web界面、专题活动界面的分析与设计;
WUI设计规范、配色技巧与企业网站的视觉设计。
Banner广告、Banner美术字设计与Banner的前沿创意;
掌握电商的前沿视觉设计感觉,电商专题、产品界面设计、Web专题界面设计、结合淘宝中宝贝详情页与活动页的专题设计,注重网页排版和色彩把握与网页交互,自适应网页布局规范、讲解Web专题界面设计特点。
备注:WEB网页设计(二周)
阶段四 移动互联网UI界面设计
IOS端和安卓端的设计规范与APP项目案例,APP软件界面设计,以及手机主题、系统应用ui界面,iPad应用交互界面设计项目案例。
IOS与安卓移动平台界面设计,实例讲解Android平台的设计风格,流行趋势,各种特点和切图规范。 Android平台APP整套全流程:包括拓扑图、原型图、界面设计图与项目等。
苹果移动平台界面设计
APP常用设计布局规范,切图和平台适配规范;Sketch实战,是一款轻量,易用的矢量设计工具。让UI设计更加高效。包含马克鳗、Cutterman 等的使用。
智能可穿戴设备设计
了解iWatch界面规范,iWatch软件界面设计。
IOS系统应用设计规范与ui界面设计项目案例,设计当下最流行APP软件界面,以及手机主题、系统应用ui界面,iPad应用交互界面设计项目案例。
根据已设计完成的交互界面使用Axure设计原型图,并制作界面跳转、点击动效、滑动特效、切换特效等多种UI交互动效。
UI手绘与UI的界面手绘表现方法;
UI手绘时间安排在下午15:00-18:00时间或者周日时间(8个周日)
备注:移动端+手绘(4周) 注重移动端项目的讲解与实战演练。
阶段五 实战项目中的动效设计
After Effects的结合应用,通过AE实现UI交互过程中的动态效果的设计,使AE动效能够更好的对于UI设计进行表达。
动效提案设计,重点学习AfterEffects在实现动效设计中的技法,UI动效动画节奏的丰富掌握,再结合Cinema 4D与AE的完美结合完成超现实的UI动效效果。
动态效果图设计和展示,把握动效设计的节奏感,在动效中表达交互想法。
UI动效 项目1周。(从基础到案例演练)
阶段六 产品经理课程
第一课程项:
一、产品经理之道、互联网行业介绍、产品经理的基本概念、基本职能职业规划、方向、目标、企业岗位职责 & &二、需求深度挖掘,发现市场,解决用户痛点、市场现状、产品核心需求、产品定位 & &三、前期调研和产品评估、竞品分析、受众分析、商业模式BRD\MRD\PRD 四、产品工具:Axure\Visio。
第二课程项:
一、PC端产品设计 & &二、移动端产品设计 & &三、实战。
第三课程项:
一、用户体验、视觉交互设计、界面交互设计 & &二、产品开发及项目管理:如何项目管理、进度把控、产品测试、项目文档与版本管理。
第四课程项:
一、产品运营及生命周期、SWOT、产品迭代 、运营策略、数据分析 & &二、新媒体营销、产品推广方案、digital营销策略 & &三、产品资本介入&商业策划书、资本市场、商
交互设计Ui实战作品2周+产品经理2周(成套精品案例)公司项目实战开发
注意:在此阶段要带学生出来成熟成品的UI项目案例。
行业需求标准,项目实战作品的突出设计细节,团队开发流程,团队协同作战;
制作成套完整的UI设计毕业作品,对未来的职业进行规划,并对就业形势进行分析分析及就业指导。
实战特训,在讲师的辅导下,最终完成整套2套以上的实战作品。完善个人简历设计,学习面试技巧。
(辅导学生最终完成整套 4套以上的实战作品,对于面试进行统一讲解)2周时间完成作品
  UI设计原则
  1.简易性
  界面的简洁是要让用户便于使用、便于了解产品,并能减少用户发生错误选择的可能性。
  2.用户语言
  界面中要使用能反映用户本身的语言,而不是游戏设计者的语言。
  3.记忆负担最小化
  人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定,24小时内存在约25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。
  4.一致性
  它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与产品内容相一致。
  5.清楚
  在视觉效果上便于理解和使用。
  6.用户的熟悉程度
  用户可通过已掌握的知识来使用界面,但不应超出一般常识。
  7.从用户习惯考虑
  想用户所想,做用户所做。用户总是按照他们自己的方法理解和使用。
  通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。如:书籍对比竹简。
  8.排列
  一个有序的界面[1] &能让用户轻松的使用。
  9.安全性
  用户能自由的作出选择,且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。
  10.灵活性
  简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄、界面)。
  11.人性化
  高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。
  所以一个优秀的ui设计师,从技能上讲,不仅能画图标,还能做好界面,会很多交互知识。
  好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。  UI设计工作内容
  负责软件界面的美术设计、创意工作和制作工作;
  根据各种相关软件的用户群,提出构思新颖、有高度吸引力的创意设计;
  对页面进行优化,使用户操作更趋于人性化;
  维护现有的应用产品;
  收集和分析用户对于GUI的需求。  UI交互设计在产品设计的地位
  交互设计师现在主要活跃在各种互联网产品设计中。互联网产品主要包含这些人:产品经理、交互设计师、视觉设计师、开发工程师。他们在产品设计中的各种步骤发挥自己的作用。
  产品经理:让产品有用。这里的有用是指让产品具备某种功用,或者说满足用户的某种需求。互联网的产品经理无时无刻不在挖掘用户的需求,然后设想解决方案去满足用户的需求。产品经理定义了产品最基础的功能,让产品变得有用处。
  交互设计师:让产品的内在变得好用。交互设计师是衔接产品经理的下一个环节,负责把产品经理抽象的需求具象化成流程和界面。通过统筹页面布局,使得每个页面的表达更加详略得当,用户可以一眼抓住最重要的内容。通过统筹操作流程,让用户可以高效地完成自己的任务。可以看到,交互设计师的作用就是使得产品变得好用,而且对于这种“好用”,用户可能可以感觉得到,但是具体却是说不清的。所以说这种好用是内在性的好用。
  视觉设计师:让产品的外在变得好用。交互设计师设计完页面和流程之后,到用户具体接触到的成品还有一个步骤,那就是视觉设计师做的事情。视觉设计师把交互设计师那些粗略的界面丰富起来,通过颜色、字体、图形、动效(交互设计师也会参与动效的设计)的润色,使得界面变成实际产品中那种色彩斑斓、活灵活现的界面。这就是用户可以实实在在感受到的东西,所以说这种好用是外在性的好用。
  开发工程师:让产品真正能用。前面产品经理和设计师做了那么多工作,其实都是在做模型,真正把模型建立成真正产品的人是开发工程师。如果没有开发工程师,前面做的那么多都是纸上谈兵而已。所以说,开发工程师让产品“能用”起来。  UI设计的工作流程
  1.需求阶段
  参与讨论,了解并挖掘需求。进行用户需求分析(也会与BI部门以及用研配合,走访用户,做用户调研等),任务分析,提供网站架构图(site map), 网页流程图(page flow)等,协助产品经理细化需求,从BRD(商业需求文档)到PRD(产品需求文档).软件产品依然属于工业产品的范畴。依然离不开3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。如何用(鼠标键盘/ 遥控器/触摸屏)。上面的任何一个元素改变结果都会有相应的改变。 除此之外在需求阶段同类性质的软件也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适,更合适于我们的最终用户的就是最好的。如何判定最合适于用户呢,后面我会介绍用户调研。
  2.原型阶段
  输出各阶段所需的产品原型,也即线框图(Wireframe). 探索满足需求的各种解决方案(包括任务流以及单页面交互),并组织评审和讨论会,在评审和讨论后,输出一个确认版的线框图以及交互说明文档。此阶段若有必要,也会配合用研进行可用性测试,以便提前发现问题。
  1:根据需求文档画线框图,2:对线框图进项评估,3:与用户配合做可用性测试,4:模拟任务用线框图去完成,发现问题
  1:用户为中心设计,有用户探究数据用数据,没有数据靠同理心换位思考2:平衡商业,用户,技术,设计等各方利益。做出优先级有主有次有得有失3:解决问题时想3套方案,择取最优的4:线框图时就要以设计原则规范为依据,别做坑人的事。产品经理你知道设计师是多希望你出个规范点的原型图嘛···
  3.视觉
  开发前端阶段根据品牌形象 用户定位设计界面,期间要跟产品经理不断沟通协调确认需求完善交互设计,跟开发工程师讲解需求帮助他们准确无误的将设计图实现,测试阶段对界面进行验收1:根据产品定位,研究当前市场上类似的软件风格,找出差异点。进行设计风格确认
  2:用设计软件进行设计(PS AI)等3:跟产品经理不断确认需求,对交互设计进行改进4:与开发人员讲解设计要点
  4.优化阶段
  观测核心数据变化,进行可用性测试和用户调研,以便优化下个版本。1.换位思考,将自己换成用户去使用产品,带着任务去测试,发现不足
  5.用户验证阶段
  改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。零距离接触最终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。
相关新闻:
多 - 门类齐全
课程多,机构多,老师多
快 - 方便快捷
先试听,后支付,方便快捷
好 - 实名认证
真实评价,实名认证好保障
省 - 学费优惠
在线订课更优惠,巨划算
copyright & 2004-.cn, All Rights Reserved.
, 备案编号:京公网安备 ,}

我要回帖

更多关于 omnigraffle 虚线框 的文章

更多推荐

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

点击添加站长微信