小程序demo-5 个图片标注技巧,让你的文章配图更

2021-04-20 01:15

--------

小程序demo

------- 针对设计方案师而言,用 凡科抠图、Sketch 这样的技术专业手机软件,沒有甚么实际效果是做不出来的,可是在商务运用自然环境中,许多情况下大家欠缺设计方案方面的技术专业专业知识,此外也只是期待能更快更好的进行文本文档,因此既要简易好用还要追求完美高效率。

除适度的照片编写专用工具之外,好的图示还和基本构图、主题主要表现这些要素紧密有关,有点像大家擅长机照相,拍的漂亮关键来自于人的分辨力而其次才是硬件配置配备上的物理学标准。运用手机软件截图常常由于立即的目地性致使许多情况下大家忽视了它也是照片,一样需要考虑到构图和主题的突出,假如只是简易的放在那里将会实际效果其实不好。

图示是由照片和标明相互构成的,简易的图示要是做到清楚和明确便可以,主题就是你想呈现的內容,略微繁杂一些的图示需要一些合理布局和排版的专业知识,假如要做到更好的视觉效果实际效果,还要考虑到照片和标明的景深和层级、颜色的搭配、照片的尺寸、內容的拼合等难题。

从简易到繁杂有情况下是思索深层的难题,有情况下是应用专用工具数量的难题,可是最关键的是了解的难题,仅有你想让它变的更好才可以在揣摩中把看到的变为自身的。

手机软件自然环境

在图示创作的场景中关键用到的手机软件有:Snagit(截图)、OmniGraffle(标明)、Curio(机构)、Icons8(标志元素),系统软件自带的「预览」、Keynote 在许多场景中应用起来也很便捷,例如,在解决一部分变大镜实际效果时「预览」自带的专用工具就很便捷,Keynote 用来机构多张照片并开展简易标明时也能充分发挥其功效。

挑选 Snagit 做为关键的截图手机软件,关键的缘故有两个,一个是 Snagit 自带的标明图示丰富多彩,能在截图后进行许多标明个人行为,像数据编号、箭头、高亮度等等;另外一个缘故是 Snagit 适用涂层方式的编写,自有的储存文件格式能详细的保存元素的涂层信息内容,假如不令人满意导出来的图示的实际效果能够随时回到手机软件中编写。

OmniGraffle 在制图上的强劲就无需赘述了,针对图示创作的要求而言,方便快捷的地区有几点:适用照片的立即拖拽、能够随意屈伸的画布、能仅导出来选中目标为照片、磨具、线型丰富多彩、有灵便的照片蒙版等等。图示的行为主体是照片和标明,但是有情况下還是会用到一些制图的元素需要在 OmniGraffle 中绘图。

Curio 在照片标明和梳理上有它独到的地区,适用照片的拖拽,自带截图、随意屈伸的画布,包括线条、箭头、样子等基本的制图专用工具,适用单页的导出来。与 OmniGraffle 相比尽管制图上沒有OmniGraffle 技术专业,但在机构內容和念头的梳理上 Curio 更灵便。

标明的几类型型

从案例初中习效仿图示标明是一个比较合理的方法,结合不一样的场景和要求,这里将标明分为五种基本方式来详细介绍:指向线条、编号、便签、突出和变大、场景。

指向型线条

图示标明中指向型线条的标明方式是应用最广泛的,一般应用带端点的线条来联接表明点和注解文本。

 


 

箭头一般用在步骤图这类次序流的图示中,表明特性的图示指向挑选用圆点更适合。线型(直线、折线、曲线图)的挑选上有实际目标点的一般挑选直线或曲线图来联接,沒有实际指向点的采用折线(图例2)。

OmniGraffle 中绘图联接线的优点在于各种各样线型的线条会随目标的挪动全自动延展,这一点上截图手机软件里是做不到的。OmniGraffle 中合线条绘图相关的几个重要点有:线条的端点样子(Object-Line)、目标的磁顶点(Properties-Connections-Other objects)。

 


 

更可用指向性线条方式的图示自然环境:

照片自身比较小,需要表明的元素较多

注解和內容的联络比较密不可分,要兼具就近参照

不想破环照片自身的详细性

编号

手机软件页面合理布局、网页页面总体这类照片自身比较大的图示表明中,选用编号方式会更清楚有效。在表明点加上编号数据,在别的更「宽阔」的地区列举表明文本。此外,编号方式还可用于包括流程逻辑性的图示表明。

 


 

Snagit 中出示了多种配色的编号标志能够立即拖拽到截图中,并且数据编号能够全自动累加计数,这个小的特点在持续加上多个编号的标明中很便捷。OmniGraffle 中要加上编号麻烦一点,需要绘图圆圈样子(按住⇧键绘图正圆)随后双击鼠标加上数据文字。

更可用编号方式的图示自然环境:

照片自身较大,需要表明的元素较多

表明点之间存在前后次序关联

需要和进行的內容详细介绍产生对应关联

要表明的內容比较多,需要独立进行

突出和变大

以便更清晰的表明图示中的某个点一般选用的方法有两种,突出显示信息或变大。

 


 

突出显示信息合适于呈现某个弹出菜单项、实际的设定对话框(图例中的3、5、6),突出显示信息的另外一种主要表现技巧就是圈选标明,例如图例7中期待客户的关心的某个点。细节和比较实际的点需要表明时选用变大镜方法比较适合,一般的主要表现方式中既有根据照片的部分变大,还可以不需要情况只变大的某个一部分。

Snagit 中要主要表现变大实际效果只需要用圆陷阱索选中后拷贝粘贴并调剂粘贴照片的尺寸便可,但是这类方法没方法设定变大一部分的边框和黑影,比较简单。「预览」程序中有专业的变大实际效果设定,由专用工具栏挑选变大镜,绿点调整变大倍率,蓝点调整变大地区。

 


 

OmniGraffle 中设定变大实际效果最灵便,有更多可供调整的主要参数。实际流程:最先绘图一个圆形,随后设定圆形的涂层叠加特点(Object-Fill-Multiply)为全透明,挑选填充的实际效果(Object-Fill-Magnify)为变大,最终设定变大倍率便可。圆形样子能够随便的挪动部位、设定外框线条的尺寸、色调乃至黑影(Object-Shadow)。

 


 

给表明设定和照片自身区别比较显著的色调填充是便签型标明的一个特性,便签型的表明文字块既能够根据连线指向到照片中的表明点,还可以独立的存在,例如手机软件截图中能够用便签文字块来注明截图是偏好设定的页面還是某个菜单等等。

简易的文字框形状的表明在Snagit、OmniGraffle 中实际操作都能便捷,Curio 中乃至能够插进能折叠的便签型笔记文字(带题目的文字块)。

商品和场景型

图示中应用实景、商品会得到更生动的图示实际效果,给单纯性的手机软件截图加上机器设备机壳也能得到更好的场景感。

 


 

商品或场景的照片素材,如图例中的1、4一类的照片需要借助图象编写手机软件(Pixelmator)来除去情况,最终储存成适用全透明的 PNG 文件格式导入到 OmniGraffle 或 Snagit 中进一步生产加工。

给手机软件截图加上机器设备机壳就要简易的多,能够借助专业的手机软件或网站来迅速完成,例如 iPhone 里的手机软件 Screenshot Maker Pro,Mac 自然环境下的收费手机软件 Promotee,也有完全免费的根据 Web 网页页面的加壳服务:iphone-,和收费的 PlaceIt 网站,PlaceIt 的与众不同的地方在于其实不仅限于把照片放入机器设备中,它还出示了在不一样的场景中展现机器设备的挑选,例如某本人的工作中台或一个拿下手机的手。

 


 

由于加壳后得到的 PNG 照片情况是全透明的,因此借助 Snagit、OmniGraffle 自身还可以拼合出一些更合乎自身要求的场景图示結果。例以下面的这张 Ulysses 和 Daedalus 同歩的截图,最先是在手机上里截取的 Daedalus 手机软件页面,随后传到 Mac 上用 Promotee 导出来成有 iPhone 6机壳的照片,最终在 Snagit 中插进到另外一张桌面上手机软件截图中,调剂了一下輸出的照片高宽比,导出来成最后的模样。

 

---------

小程序demo

------------


扫描二维码分享到微信

在线咨询
联系电话

020-66889888