想成为一名高级UI设计师?是时候开始用Markdown进行写作了

云柯 0

作为UI设计师,除了学习一些设计技能之外,还应该慢慢锻炼自己写作能力,养成写作的习惯。你会因为一篇文章解决别人的问题而高兴一整天,也会因为一篇文章的疏漏被别人指点,进而重新完善自己的知识体系。通过写作学习到的新知识,是传统学习方法很难获取到的。

此外,写作本质上就是在网上主动发声,继而被关注,这样会逐步建立起自己的个人品牌影响力,创造属于自己的价值。

正因为写作的重要性,一款适合自己的编辑器就很显得重要。

这里又不得不提到效率问题了。如果我们直接使用Word、Pages等传统文本编辑器,会遇到这样的一个问题:自己写的图文内容如果想直接发布到其他互联网平台,比如微信公众号、知乎、简书等等,会不得不对标题、段落、链接、图片进行二次编辑,增加相应的样式,这样就造成了时间上的浪费。

那么有没有一种写作方法实现一次编辑多处使用呢?这就是我们今天讲的主角:Markdown。

什么是Markdown

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面,Markdown文件的后缀名是“.md”。

简单说,Markdown其实就是一种易于编写的普通文本,只不过加入了部分渲染文本的标签而已。而且Markdown语法符合主流写作习惯,非常易学习,完全没有门槛。

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

举个例子,我们在做PPT、写文档的文字排版中,一般都会用到各种标题,比如一级标题、二级标题、三级标题等等,那么在Markdown中就是直接用“#”代表一级标题,“##”代表二级标题,“###”代表三级标题,以此类推。

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

其他的比如字体的加粗、删除,有序列表、无序列表,源代码、评论,图片、链接等等,都有对应的符号。在我们进行正常写作的同时,运用这些常见的符号标记,就可以实现简单快速的文字排版。

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

在Markdown中排版好的图文内容,我们直接可以粘贴到支持Markdown的编辑器中,比如知乎平台,实现快速发布。比如下面这个图,使用Ulysses编辑好,复制Markdown代码,直接粘贴到知乎,就可以看到设置好格式的图文。

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

Markdown工具介绍

Markdown作为一种强量化的“代码语言”,也是需要一个比较好的编辑器来提高我们的创作效率的。上文中的Ulysses就是一个非常好的Markdown写作编辑器,也是我目前的主力。市面上的编辑器多种多样,下面给大家介绍5种比较常用的,助你的Markdown写作一臂之力。

1-Ulysses

https://ulysses.app/

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

这只漂亮的蝴蝶就是Ulysses的图标了,代表了写作之美。这款软件来自于德国莱比锡,获得过2016 Apple Design Award。整个编辑器很简约,分栏布局,结构鲜明。此外还有个很棒的iCloud同步功能,提高了不同环境和场景下的工作效率。

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

不过需要说明的是,这么一款优秀的Markdown编辑器只支持iOS和Mac,Win系统的小伙伴只能选择其他的了。而且Ulysses属于订阅制,价格很不美丽……需要的小伙伴可以关注UI黑客公众号,回复关键词 ulysses 来获取免费版本。

2-Bear

https://bear.app

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

Bear也是一款Mac和iOS专属的Markdown应用,和logo一样,名字就叫做熊……界面设计非常简洁,而且提供免费版。

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

3-MWeb

https://zh.mweb.im/

由国人独立开发者开发的一个Markdown写作软件,功能也比较强大,而且有能力的话,完全可以把MWeb作为一个静态页面发布器,建立自己的博客网站,有兴趣可以试一下。不过也是只支持Mac平台。

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

4-有道笔记

http://note.youdao.com/

没想到吧,其实我们经常使用的有道笔记自带了Markdown编辑。在新建文档的时候选择Markdown就可以了。最关键的一点是跨平台,PC、Mac、Web都可以使用,而且还免费,比较良心。

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

5-MdEditor

https://www.mdeditor.com/

这是一款在线的Markdown编辑器,即开即用。默认的页面给我们详细介绍了Markdown的常用语法,算是个简单的入门教程了。

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

Mac空格键预览.md文件

介绍到这里,大家对Markdown已经有了一定的了解了。不过有个问题是,Markdown存储的文件后缀名是.md,这个在Mac中是无法直接用空格键预览的。如果想快速预览,需要安装quicklook插件,如何安装,之前的文章讲过。具体的方法参考这篇文章《重新认识Quick Look,设计师和程序员应该必备的8个Quick Look插件》

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

Markdown转化微信排版工具

最后再介绍一个高效率功能,是跟微信公众号相关的。

拿UI黑客的公众号来说,一般用Ulysses编辑好后,直接复制到公众号的编辑器里,会出现样式丢失,比如各种标题、段落之间的间距会消失,就不得不再在公众号中二次优化样式。

为了减少修改,提高编辑效率,可以把我们的Markdown内容复制到这个网站,选择好样式,复制后再粘贴到公众号编辑器就可以了。

http://m2w.picknut.com

想成为一名高级UI设计师?是时候开始用Markdown进行写作了

如果希望自己的公众号文章更有特点,就需要自己发挥创意手动操作了。不过呢,还是有节约时间的公众号编辑器帮我们的忙的,比如西瓜插件、新媒体管家等等,对公众号有兴趣的设计师,可以自己尝试下。有机会的话,UI黑客也会跟大家分享一下设计师公众号的一些技巧,以及运营以来遇到的一些坑。

总结

最后,建议各位设计师还是抽时间多多进行写作,把自己的经验和知识沉淀下来进行储备,这也是提升自身整体能力的一个非常好的方法。

打赏
发表评论 取消回复
表情 图片 链接 代码

分享
微信
微博
QQ