Justinmind权威指南:​基础-Justinmind基本元件的使用-2

文章目录[隐藏]

​上一节说了文本、多行文本、图片、线段元件的使用方式,这一节会讲解最常用的矩形、椭圆、三角形、标注

矩形

062

这个是最常用的没有之一,原因是因为我们设计产品的基本架构都是方形的,这个大概与硬件的制约有关系,

很明显的例子是Apple Watch 的软件界面与 Apple IOS 上的软件界面上的对比。

061

在软件设计上方的元素应用远远多于圆的使用,所以文章开头才会说矩形才算最常使用的元件而没有之一。

矩形的使用场景很灵活很多时候我几乎只用一个元件可完成一个简单的项目演示,要不要先看看视频一个手机外壳的设计只用矩形元件。

004

上面的这个手机外壳制作完成后你可以顺手把它存到自己的自定义元件库,这样的话可以重复使用下次就不用这么麻烦了。可看出自定义元件的用处还是非常大的。

长宽等基础的属性略过,我们看一下矩形的特色属性

自动适应文本

063

图片填充矩形

你可能需要给你的矩形设计做一个矩形图像背景,这时候下面这个功能就派上用场了。

064

色彩填充矩形

矩形还支持各种单色与渐变色填充,方面你创作出更炫的设计方案。

065

使用渐变色填充需要单独设计一下渐变效果,可以根据实际视觉效果进行不断修改直至完成你的方案。

066

填充文字

在填充了图片或颜色背景之后,矩形还可以在这些层上面填充文字。

067

图片中的文字位置是根据设置中的顶部0底部0左0右0这个填充参数来控制的。

068

矩形的使用是非常方便和常见,大家可以深入理解一下矩形的设计初衷就是为了帮助用户去快速创建你的想法,不要一味追求保真的元件图标库,而是利用矩形等基本元件帮你理清产品思路和设计方案。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/9069/

(0)
iouedioued
上一篇 2015-08-31
下一篇 2015-08-31

相关推荐

  • Justinmind 6.5 激活/破解 延迟使用时间FOR MAC

    Justinmind6.5 for mac延长试用时间 1、解压后获得jm6.5_cr.sh文件 2、打开终端(方式一:到“Lauchpad”中找到“其他”,里面找到“终端”点击打开;方式二:快捷键“control + 空格”,在“spotlight搜索”中输入“终端”启动…

    2015-05-28
  • Justinmind权威指南:​基础-Justinmind基本元件的使用-1

    前面咱们学过了怎么新建项目,怎么发布项目,怎么在手机端预览;接下来我们开始真正去使用画布制作原型,那么第一步,你先要会使用这些元件,我们按照官方软件自带元件库的顺序一个一个的讲解,全面了解之后你也许…

    2015-08-31
  • JustinMind免费版与JustinMind Pro的区别

    justinmind是一个可以免费创建移动和web原型的工具。 justinmind的免费版不仅仅是体验式的,它是永远免费,目的是为一些公司或个人处理小型项目。 在获得永久免费版本之前,你还可以享受我们的30天免费试用专业版带…

    JustinMind 2015-08-25
  • Justinmind 7.1.0 win&mac网盘下载

    自定义需求字段 如你所知,Justinmind企业版可以帮助你通过需求管理与所有设计团队打造智能商务解决方案。直到现在,你已经能够在你的原型中定义项目的要求。随着在Justinmind编辑的需求领域,用户已经可以定义需求…

    2016-04-13
  • JUSTINMIND权威指南:前言

    ​来说一说为什么要写这本JUSTINMIND相关的书籍,此前我做交互设计的时候,有一次遇到一个特别的APP项目,这个项目的BOSS要求给拿出一个高保真的原型给他演示,我们项目组就问我怎么才能做出一个可以演示的高保真原…

    JustinMind 2015-07-31
  • Justinmind 和 Axure谁更适合做原型?

    Justinmind 和 Axure 都是目前很强大的原型设计工具,被业界推为原型设计神器,在很多项目中起着不可估量的作用,但这两者的之间的作用是相互竞争还是相辅相成呢,我们应该客观地进行分析,使之更好地服务于我们的…

    Axure 2015-08-25
  • Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

    原文标题:利用Justinmind 6.7 新功能编辑、制作、使用矢量图标 Justinmind 6.7 提供了对 ILLustrator 矢量图形编辑、复制粘贴的支持,便得在Justinmind中使用高保真图标成为很容易的事情。下面,介绍如何利用网上…

    JustinMind 2015-08-25
  • Justinmind6.8汉化包下载以及Justinmind6.8新功能新增苹果手表部件库

    Justinmind6.8汉化包已经出来了,您如果更新到最新版本截至2015年9月11日 可以下载本汉化包,汉化包来自QQ群:156360020 邀请码iamue 安装汉化的方法压缩包里都有,还有你还可以参考历史版本的汉化包: Justinmind6…

    2015-09-11
  • 阿西JUSTINMIND学习日记:justinmind官方公布的快捷键列表(全部)

    常规快捷键 Windows OS X 剪切 Ctrl + X ⌘ + X 复制 Ctrl + C ⌘ + C 粘贴 Ctrl + V ⌘ + V 副本(复制) Ctrl + D or Ctrl + Click 并拖动 ⌘ + D or ⌘ + Click 并拖动 删除 Delete 或 退格键 Delete 或 退格键 撤销 …

    2015-06-16
  • 新书:JUSTINMIND权威指南 作者:阿西UED

    《Justinmind权威指南》是国内第一部专著介绍Justinmind交互式原型设计的技术与技巧,讲述如何从确切的需求和期望出发,用最简单的方法创建易用、有效而且让用户愉悦的原型设计。书中从软件基础组件、工作方式、跨…

    2015-07-31