在中國的互聯(lián)網(wǎng)快速發(fā)展 25 年以來，視覺設(shè)計一直是不可或缺的原素，但隨著產(chǎn)品形態(tài)的不斷變化、更新迭代的速度加快，產(chǎn)品數(shù)量的暴增，這些都需要更多圖片的不斷更新來適配，所以一個互聯(lián)網(wǎng)公司或是獨立工作者花在設(shè)計上的時間越來越少了，這個時候視覺設(shè)計就需要模板化和流程化，用模板更改下文字、圖片等元素就好了，只有這樣才能滿足產(chǎn)品以日、甚至更低時間單位更新的節(jié)奏。
那么這些模板需要設(shè)計人員從無到有慢慢積累嗎？不！對于BAT這樣的大公司來說可能會有自己的UI庫，但是對于中小企業(yè)、初創(chuàng)團(tuán)隊、獨立開發(fā)者、獨立文字工作者來說，他們沒有時間去沉淀，時間就是金錢，他們有更重要的事情去做，需要把成本花在更著急的部分，只需要一個專業(yè)的UI素材平臺來滿足他們快速制作海報、banner、logo、PPT封面的需求，這，就是今天我們要介紹的主角：Fotor 懶設(shè)計。
正如ta的名字，F(xiàn)otor 懶設(shè)計為那些不具備精力制作產(chǎn)品視覺部分的朋友提供了豐富的平面設(shè)計模板，比如：公眾號大圖、手機(jī)屏幕尺寸的海報（可用于社交網(wǎng)絡(luò)、文章配圖）、PPT文稿框架/封面、長圖海報、課程封面（特別適合做B站教程類視頻封面）、名片、淘寶Banner、Logo 等等視覺產(chǎn)品。
首頁即可預(yù)覽使用頻繁的模板種類
第三屏列舉了更細(xì)化的場景應(yīng)用模板
模板資源豐富
注冊賬號后進(jìn)入默認(rèn)的設(shè)計頻道，海量的模板資源就在你眼前，全部為原創(chuàng)正版設(shè)計資源，無需為版權(quán)擔(dān)憂，覆蓋場景超級全，比如從上到下依次為：“推薦尺寸”、“新媒體”、“辦公”、“電商”、“社交”、“印刷”、“廣告”。
由于文章篇幅限制，我們只拿“推薦尺寸”下的“公眾號封面大圖”舉例，點擊縮略圖進(jìn)入設(shè)計操作臺頁面。
在設(shè)計操作臺頁面最左側(cè)是資源導(dǎo)航欄，分別可以調(diào)用海量的模板、素材（基礎(chǔ)形狀、圖標(biāo)、插畫、人物、靜物、紋理、圖片容器等等等）、各種美術(shù)文字標(biāo)題、圖庫、背景，或者也可以將你自己的資源上傳到ta的云相冊上，隨時隨地調(diào)用自己的資源。
你可以像圖片中添加當(dāng)前最流行的素材元素
在“模板”欄我們挑取了一個以當(dāng)前非?；鸬摹按蚬と恕睘樵掝}的長方形模板，設(shè)計的非常新穎吸引眼球，特別適合圍繞“打工人”話題展開的站內(nèi)文章、公眾號文章、視頻等形式的內(nèi)容。將此模板直接拖動到右側(cè)空白的編輯區(qū)，點擊正中央下方黑色工具欄的“調(diào)整尺寸”可以將此模板的尺寸屬性從“公眾號封面圖”切換為“手機(jī)截屏”、“課程封面”、“手機(jī)海報”，甚至是“易拉寶”、“社交網(wǎng)站個人資料封面圖”，這個設(shè)計真的是非?？?，而且是即時生效，無需刷新頁面，還能預(yù)覽在對應(yīng)設(shè)備上的效果！當(dāng)然切換到列表里這些大量的個性化尺寸需要你開通VIP權(quán)限后才能選擇。
插入的模板是一個已經(jīng)在 Photoshop 里“切”好的圖，比如說文字，你可以設(shè)置文字的字體集、字號、顏色等等參數(shù)，非常細(xì)致，而且 Fotor 內(nèi)置的字體集對中文支持特別好，我從來沒有在任何一個平臺看到過比 Fotor 還豐富的中文字體集資源，看看列表里的選擇：
而且是優(yōu)先展示中文字體
對于模板里的圖像元素，比如圖片里擁抱的兩個打工人、飄搖的樹葉都可以對其顏色進(jìn)行自定義，選中這兩個打工人，可以看到能夠自定義顏色的種類為5處，這5處分別是衣服、頭發(fā)以及邊緣素描線條，這三處的顏色都可以自選，保證了你的圖片原創(chuàng)性和唯一性。
下圖是可以插入的圖庫素材
然后整個模型里的元素都可以隨意改變位置、旋轉(zhuǎn)角度。
如果你想對模板進(jìn)行更多延伸修改，可以在右側(cè)導(dǎo)入你自己準(zhǔn)備的素材。
編輯好了圖片就可以導(dǎo)出了，導(dǎo)出的格式也非常豐富，比如有：JPG、PDF、PNG。
下面是我們?yōu)楸疚闹谱鞯?banner 圖，很有意思吧？
高清正版圖片素材
除了豐富的模板資源，F(xiàn)otor 還提供了海量的高清正版圖片素材，F(xiàn)otor 的圖片質(zhì)量超高，你也無需擔(dān)心版權(quán)問題。
進(jìn)入素材庫首頁可以按照提供的“尺寸”、“主題分類”篩選條件找出你要的圖片素材。
進(jìn)入到圖片單頁，還可以看到官方對其打上的更細(xì)化的標(biāo)簽，這些細(xì)化標(biāo)簽可以幫助你找到更準(zhǔn)確的圖片。點擊“使用這個模板”按鈕進(jìn)入設(shè)計操作臺頁面對圖片進(jìn)行二次加工。
Fotor 的素材庫做的很全面，讓我想起了前幾年煎蛋網(wǎng)被視覺中國起訴圖片版權(quán)的風(fēng)波，然而大家應(yīng)該從中汲取教訓(xùn)，主動采用 Fotor 這種平臺可以有效避免版權(quán)問題。
全能圖片編輯器
提供了豐富的模板與圖片素材資源還不夠，F(xiàn)otor 還提供了全能型的圖片編輯器，web操作，跨平臺，提供了「調(diào)整」、「特效」、「美顏」、「邊框」四個基礎(chǔ)模塊，并引入了「素材」與「文字」兩個模板設(shè)計模塊配合修圖。
怎么說這個功能呢，反正四個基礎(chǔ)模塊提供的修圖功能完全能匹敵 iOS 上任何一個修圖 app，連美圖秀秀都不在話下。
比如說「調(diào)整」這個模塊，第一個就是“一鍵美化”功能，傻瓜式圖片美化功能，由系統(tǒng)自動根據(jù)下方的“色階”（曝光、高光、陰影）、“顏色”（色溫、色調(diào)）、“基礎(chǔ)”（亮度、飽和度、對比度、銳度）、暗角以及 RGB曲線調(diào)整自動測算調(diào)整方案，然后給用戶快速制作出調(diào)整后的圖片，當(dāng)然你也可以逐項對圖片進(jìn)行手動調(diào)整。
在「特效」模塊，提供了 37 個子類，上兩百種特效，也就是圖片美化中常見的“濾鏡”。OMG，真是太瘋狂了，太豐富了。
而「美顏」與「邊框」也是同理，可選擇項目非常多，但是需要你開通VIP才能擁有這些。
結(jié)語
總的來說，Fotor 懶設(shè)計是一款為非專業(yè)人士與專業(yè)人士提高視覺設(shè)計工作效率的平臺級工具，可以幫助大家大大的節(jié)省了重復(fù)工作產(chǎn)生的時間成本，系列文章的封面圖，一天一更新的淘寶banner，一到周末就要按照老板要求修改的 PPT，你都可以用 Fotor 隨時更改自己的作品，讓你不必為視覺設(shè)計而發(fā)愁，這就是 Fotor 存在的意義。
最后我們給大家準(zhǔn)備了一個禮物，無門檻領(lǐng)取 7 天 VIP，輸入 M6YHDA 即可領(lǐng)取。領(lǐng)取方法如下圖：
注意到 Affinity Photo 完全是因為其家族成員 Affinity Designer，只不過這個獲得過 Apple 設(shè)計大獎的應(yīng)用所主打的矢量繪圖領(lǐng)域并不是我的菜，反而是后續(xù)放出的 Affinity Photo 吊起了我的胃口。眾所周知，在圖像處理領(lǐng)域 Phtotoshop 長久以來都是一枝獨秀，但其霸道的硬件要求和高昂的訂閱費用一直是用戶難以跨越的高門檻?？v使你不得不承認(rèn)其功能已到了出神入化獨孤求敗的境界，但現(xiàn)實卻是對于大部分用戶而言 Photoshop 80% 的功能是極少被用到的，但用戶卻不得不為另外的 20% 去忍受一個資源占用的大戶。于是有人呼吁 Adobe 應(yīng)該出一款廉價的簡化版 Photoshop 來滿足這 20% 的需求。很明顯，不開化的 Adobe 并沒有這么做「別跟我提 Photoshop Elements」，所以就有了后來的 Pixelmator，Acron 以及下面要介紹的 Affinity Photo 這類功能不及 Photoshop 但卻足以滿足圖像「裁修畫改」基本需求的產(chǎn)品。
對于 Affinity Photo 我也是初上手，怎么說這家伙也是個體積高達(dá) 500M＋的大家伙，有太多的功能還在摸索中，所以就像本文開頭所言，評測肯定算不上，就簡單聊聊我的使用感受吧。
窗口布局
傳統(tǒng)且標(biāo)準(zhǔn)化的設(shè)計類應(yīng)用布局，無需多言。
靈活的工具欄自定義功能自然也是標(biāo)配。
同時也提供了 Separated Mode「分散式」窗口布局，雖然我個人很不喜歡這種布局，但這對于轉(zhuǎn)化 Pixelmator 的用戶多少是個不錯的設(shè)計。
和其它同類應(yīng)用不同的是，Affinity Photo 還根據(jù)自身特色設(shè)計了四種不同的角色化布局，通過窗口左上角的四個按鈕進(jìn)行切換，分別是：
默認(rèn)狀態(tài)下的基本圖像處理 Photo Persona
主打液化效果的 Liquify Persona
專注 RAW 照片處理的 Develop Persona
方便多平臺切片輸出的 Export Personal
另外提一點我個人在使用時發(fā)現(xiàn)的一處布局調(diào)整。在默認(rèn)的固定式布局下，左側(cè)工具條是沒有「前景 / 背景」調(diào)色板的，這讓我在一開始的時候很是抓狂，后來發(fā)現(xiàn)在 View 菜單中取消勾選 Dock Tools 就可以看到了，只不過工具條也同時變?yōu)榱烁邮健?/p>
圖層管理
和 Pixelmator 一樣，標(biāo)準(zhǔn)的 .psd 文件可以直接讀取「包括最新的 CC 2015」，普通圖層基本都可見，加過效果的圖層會和 Photoshop 一樣多一個 fx 的標(biāo)示，雙擊可以調(diào)出圖層效果面板，兼容性和可編輯性比 Pixelmator 好一些，至少在讀取方面問題不大，但若是編輯的話建議還是扔回 Photoshop 較為實際。
圖層的分組，合并，對齊，隱藏…等操作都和同類應(yīng)用無異，只不過在快捷鍵的設(shè)置上略有不同。比較令人遺憾的是只有帶有 fx 的 .psd 圖層可以雙擊開啟效果面板，其它圖層則只能通過獨立的屬性面板來進(jìn)行效果添加。
另外對于圖層混合模式的調(diào)整居然是實時預(yù)覽的，不像同類應(yīng)用需要選定后才能看到，這算是其一大亮點。
濾鏡
標(biāo)配的濾鏡除了有同類應(yīng)用中較為常見的幾種效果外，較為特色的是 Affinity Photo 所提供的幾樣諸如 Lighting / Shadows / Hightlights 等有針對性效果的濾鏡，非常適合用來快速處理各種調(diào)調(diào)的照片。
另外在設(shè)置項和幫助文檔中可以看到 Affinity Photo 兼容部分 64-bit Photoshop Plugins 來擴(kuò)充濾鏡效果，不過由于 Mac 下沒裝 Photoshop，所以該項有待實測。
其它
Media Browser
開啟一個獨立浮窗，可以在里面方便的添加，預(yù)覽以及調(diào)用本地素材庫，默認(rèn)已經(jīng)關(guān)聯(lián)了系統(tǒng)的 Pictures 目錄和 Photos 的照片庫。
New View
將同一張圖片同時顯示在多個獨立窗口中，任意對其中一個窗口中的圖片進(jìn)行處理會在其它窗口中實時看到同樣的效果，很適合需要對圖片進(jìn)行局部處理又想預(yù)覽到整體效果時的操作場景。
Assistant
顧名思義，這是一個應(yīng)用內(nèi)部的幫助通知功能，可以設(shè)置在激活某項操作時進(jìn)行相關(guān)功能的操作提示，對于新手來說很有用處，當(dāng)然如果你嫌它煩也可以關(guān)掉它。
Force Touch
支持 Froce Touch，當(dāng)然前提是你要有臺 2015 款的 Mac，也算是目前第三方應(yīng)用中少有的支持該功能的產(chǎn)品。你問感覺如何？我只能說偶爾用用還行，專業(yè)用還是去買桿壓感筆吧…
這個不用多說，雖然蘋果的同步功能萬年不好用，但對于跨設(shè)備使用多少還是有些用處的。
Keyboard Shortcuts
官網(wǎng)為了方便用戶記憶快捷鍵特別制作了這張漂亮的鍵盤圖，可惜貌似沒有集成到產(chǎn)品里，試想當(dāng)忘記某個快捷鍵時可以一鍵呼出這么一張帶感的圖該是多么有逼格的一件事情。
Auto Save
沒錯，這個關(guān)鍵時刻可以救命的小功能也是標(biāo)準(zhǔn)配備。
尾聲
Mac 下優(yōu)秀的原生圖象處理類應(yīng)用本就鳳毛麟角，每出來一個都會被寄予 Photoshop 替代者的稱號，來勢洶洶的 Affinity Photo 必然也不例外。但 Photoshop 在大哥的路上走了這么多年，可不是一個毛頭小子可以撼動的。除去其功能無論在強度還是廣度上依然讓后來者難望其背頂，更重要的是其在圖像處理領(lǐng)域內(nèi)的影響力早已無同類可比，因為它就是行業(yè)標(biāo)準(zhǔn)。試想當(dāng)大家都在用 Photoshop 的時候，你若劍走偏鋒就必然導(dǎo)致產(chǎn)生協(xié)作問題。所以從這一層面來說，無論是 Pixelmator 還是 Affinity Photo 都不具備替代 Photoshop 的可能。
但話分兩頭，如果你或者所處的環(huán)境并不是很依賴于 Photoshop，那么 Affinity Photo 或許會是個不錯的選擇。它基于 Mac 的軟硬件全面進(jìn)行優(yōu)化，在滿足圖像基本處理需求的同時加入了很多便捷化的操作，同時也具有不錯的 PSD 文件兼容性，甚至針對專業(yè)攝影師提供了獨立的 RAW 編輯功能。$49.99 的售價雖然比之同類略高，但開發(fā)商 Serif Labs 既然能用 Affinity Designer 和 Affinity Photo 雙管齊下的方式主攻矢量繪圖和圖像處理，足見其對于產(chǎn)品和市場的重視度，所以我們也應(yīng)該有理由期待 Affinity Photo 會變得越來越好。
]]>15 門絕佳課程，還將推出更多
從設(shè)計到編程，Design+Code 提供了 15 門課程，讓你由淺入深、由點及面學(xué)會開發(fā) iOS 應(yīng)用程序，且課程還在不斷增加。這些課程有免費試讀的，比如 Figma, Framer X, Studio, XD, Sketch 的部分教程以及 Pro 版訂閱獨有的?React, Swift, React Native。
60 小時教學(xué)視頻，支持中文
Design+Code 包含 60 小時的視頻教程，幾乎每個部分都帶有字幕，能幫助你一步一步地學(xué)習(xí)。字幕以英文為主，部分支持簡體中文與繁體中文，未來還將提供法語和西班牙語版本。
15GB 下載資源 + 38GB 視頻
Pro 用戶還可以享受龐大的課程源文件讓你能循序漸進(jìn)地學(xué)習(xí)，有大量設(shè)計資源以及壁紙供你下載。
獲得超值軟件折扣
升級 Design+Code Pro 帳戶后，你就能以折扣價入手多款優(yōu)秀軟件，甚至獲得長達(dá) 6 個月的免費試用期：
- 8 折的 Angle；
- 8 折的 Sketch；
- 3個月免費使用 Figma Pro；
- 6 個月免費使用 InVision Pro；
- 8 折的 Framer X。
在購買 Design+Code 前你可以下載 Figma, Framer X, Studio, XD, Sketch 的試用教程先體驗一下。Design+Code Pro 帳戶的月付價格為 15 刀，年付價格為 108 刀，折合人民幣在 730 元左右，但現(xiàn)在國內(nèi)的特惠版本價格僅為 356 元（一年期）。
[maxbutton id=”91″ ]
One more thing… 除了這些還沒完
除了 Design+Code 這套教程本身包含的內(nèi)容，在您購買時還能獲贈：
- 快速原型工具 Mockplus 的 30 天訂閱；
- 協(xié)同設(shè)計工具 iDoc 的 180 天訂閱；
- 高保真原型交互工具 ProtoPie 的 30 元限時優(yōu)惠券（2月13日前入手 ProtoPie 就能使用）
送走了 Mr.Reader，迎來了 Reeder 3 更新后的很長一段時間內(nèi)我都沒有再關(guān)注過 RSS 訂閱應(yīng)用，在信息爆炸的今天，你可以隨時在社交網(wǎng)絡(luò)上 grab 一篇文章到 Instapaper 或是其他什么「容器」中慢慢品讀，但前段時間，大家都在帶?Fiery Feeds 這款應(yīng)用的節(jié)奏，也激起了我的好奇心，今天我們就來品品這款應(yīng)用吧。
其實?Fiery Feeds 算是圈里的老人兒了（后面簡稱 FF），2 月份是 2.0 版本的重要時間點，新版本對界面進(jìn)行了全新設(shè)計，新布局孕育而生，加入了?Smart Views 這項重要的新功能，并且針對新款 iDevice 加入了?3D Touch、Drag and Drop、Continuity、Haptic Feedback、閱讀位置記憶，適配了?iPhone X。
設(shè)計
大量的留白設(shè)計與 Reeder 頗為相似，不過在元素設(shè)計上要比后者要更精致一些，所有的 button 設(shè)計涵義都讓人一目了然，無需什么 guide 指引，按照文章瀏覽的重要程度，開發(fā)者將文章分類從上到下分為「ALL ARTICLES」、「Smart Views」、「Folders」與「FEEDS」。FF 還比 Reeder 支持更多的 FEED 服務(wù)，支持 Instapaper 與 Pocket 還有一個沒見過的 Wallabag，Widget 支持按照 FEED 賬戶查看。
Smart Views
官博對新功能?Smart Views 專門發(fā)布了文章介紹，所謂的?Smart Views 就是針對 FEED 的更新頻率、文章外鏈數(shù)量為用戶篩選出不同閱讀優(yōu)先級的文章，比如「Hot Links」，這條分類下的文章會顯示所有熱門文章（根據(jù)指向的同一家網(wǎng)站或是文章發(fā)布時間），「Hot Links」的設(shè)計靈感來自于早已停更的 Fever。
此外還根據(jù) NewsBlur 的設(shè)計靈感，針對文章更新頻率高低的 FEED 源分別打造了「High Frequency Folder」、「Low Frequency Folder」兩個目錄。
功能
FF 在 iPhone X 下的顯示效果特別舒服，一篇文章可以用 article，web 或是 text 三種模式顯示，但從 article 切換到 web 遠(yuǎn)沒有 Reeder 中的手勢那么痛快，該應(yīng)用還支持多種分享渠道，可以將文章分享到 Evernote、One Note 等平臺，分享渠道可以在后臺設(shè)置里自由開關(guān)，后面我們會提到 FF 與 Things 如何配合工作。
另外 FF 文章閱讀界面底部的 toolbar 可以自由改變位置，按住其最左側(cè)豎線條，可以將 toolbar 擺放在屏幕的左右兩側(cè)。
此外 FF 還有著非常豐富的界面自定義設(shè)置以及閱讀習(xí)慣設(shè)置功能，不但可以自定義字體（Font）、字號（Size）、皮膚主題（Themes）、列表布局設(shè)計（List Style），還可以從 iCloud Drive 以及開發(fā)者官網(wǎng)提供的 extra themes 庫里導(dǎo)入更多風(fēng)格迥異的 theme。
此外，F(xiàn)F 還支持橫屏操作。
高級版年度會員（Premium）還能享受個性化圖標(biāo)的特權(quán)，但實測發(fā)現(xiàn)更換圖標(biāo)后并不能馬上生效，不知這算不算 bug？
與 Things 配合工作
前面我們提到了 FF 文章可以通過「Share」分享到其他平臺，除了默認(rèn)的 Web Actions 和 Mail Actions 外，我們還能自定義 URL Actions，比如說最新剛剛更新了 URL Scheme 的 Things 3，我們可以利用 Things 給出的 things:/// action 將 FF 中要重點閱讀參考的文章轉(zhuǎn)入 Things，作為一條新任務(wù)來提醒自己閱讀。
FF 已經(jīng)在 URL Actions 編輯頁面給出了支持的 RSS 調(diào)用參數(shù)，如下圖所示，你可以向?Things 這條 action 里添加{title}{url}{content-preview}等參數(shù)，同時還能選擇是否開啟 Safari View Controller 或是將 FF 的對應(yīng)文章標(biāo)記為「已讀」。
比較有趣的是當(dāng)你在文章列表上向左滑動到底時會出現(xiàn)你自定義的這套 URL Action 圖標(biāo)，松手后會自動觸發(fā) action，這是一個比較酷的設(shè)計！
總的來說，F(xiàn)iery Feeds 無論是”顏值”還是”技術(shù)”都是合格的，提供了豐富的交互設(shè)計個性化選擇，而且通過加入?Smart Views 也使用戶的閱讀效率大大提升，可謂是除了 Reeder 后又一款值得大家使用、購買的應(yīng)用（內(nèi)置的 Premium 需要付費，應(yīng)用默認(rèn)免費），Premium 年費 30 元，解鎖后可以使用?feed 訂閱管理，自定義 URL Actions，Text 閱讀模式，Smart Views，自定義主題以及更換 app 圖標(biāo)的特權(quán)服務(wù)。
]]>先來看演示動圖洗洗腦，顛覆一下對官方客戶端的認(rèn)識：
與網(wǎng)易云音樂官方客戶端最大的區(qū)別是，官方的就是「客戶端」，完全按照其產(chǎn)品內(nèi)容進(jìn)行直接堆砌布局，而?ieaseMusic 是基于云音樂站內(nèi)音樂資源重新設(shè)計的一款「音樂播放器」，它沒有以用戶收藏的歌單、下載的音樂、關(guān)注的藝術(shù)家為核心設(shè)計，而是以社交式的歌單資源展開設(shè)計。
每次打開?ieaseMusic 你都看到一個隨機(jī)推薦的歌單序列，而且這些圓形圖標(biāo)還不能向左滑動切換，不理解作者的設(shè)計思路是什么，右上角按鈕分別可切換搜索、頻道菜單。底部的播放控制單元具備循環(huán)、隨機(jī)、單曲循環(huán)播放選擇，單擊藝人名稱可進(jìn)入其主頁查看作品信息，但由于接口限制，軟件還不能操作 Follow 及 Comment 功能。
軟件的設(shè)計風(fēng)格非常的學(xué)生化清新化：
軟件支持歌曲切換消息推送，在界面點擊右鍵還可以選擇一些快捷操作。ieaseMusic 在對藝人主頁、歌單界面的設(shè)計上非常用心，只是像 MV、相似藝人這些功能還不能使用。
切換到 Playlist 頻道你可以看到 50 個網(wǎng)易云音樂精選歌單頻道，但目前歌單還無法收藏。
TOP 頻道陳列了云音樂官方維護(hù)的各種榜單音樂列表：
目前這款軟件還在進(jìn)一步完善中，如果你身處海外，可以嘗試用此工具 。
]]>推廣上的高舉高打（公測版上市后即被 Product Hunt 推薦）背后蘊含的其實是循序漸進(jìn)的刻苦開發(fā)，無論從界面設(shè)計還是功能開發(fā)，Bear 都有自己的思考在里面。其開發(fā)團(tuán)隊 Shiny?Frog（Pixa?作者）在官博上宣稱 Bear 既適用于手到擒來的內(nèi)容速記又擅長于書寫長篇大論，那么小編就來帶大家共同看看這只“熊”有何能耐：
Bear 目前在 Mac App Store 和 App Store 可免費下載，采用內(nèi)購解鎖的方式為深度用戶提供更多樣化的服務(wù)，兩個 平臺的客戶端在形態(tài)和使用體驗上保持高度一致，使用幾分鐘你就能聞到?Typora?和 Ulysses 的氣味，以下是 Mac 客戶端的截圖：
設(shè)計主打混搭風(fēng)，你能接受嗎？
Bear 在 macOS 上的設(shè)計開放、簡潔而大氣，提供了管理列表欄（帶有 Tag 管理列表）、文章列表及編輯區(qū)三者合二為一的傳統(tǒng)設(shè)計，只是這三個區(qū)域無法像 Ulysses 一樣使用手勢滑動快速隱藏/顯示，而必須要用窗口右下角的「結(jié)構(gòu)切換按鈕」操作，這點上感覺并不是很方便。
如果你已經(jīng)體驗過幾款 Markdown 客戶端（各種免費的就行），你會發(fā)現(xiàn) Bear 沒有文章預(yù)覽窗口，而是融合了傳統(tǒng) Markdown 標(biāo)記風(fēng)格和 HTML 預(yù)覽樣式設(shè)計。當(dāng)你應(yīng)用 Markdown 語法時，編輯區(qū)的文本會同時顯示 HTML 樣式與 MD 語法標(biāo)記，這種獨到的設(shè)計對老用戶來說接受起來可能會有些困難，但對初次接觸 MD 的新用戶來說是一個不錯的選擇。
在編輯區(qū)右側(cè)你可以找到一個 Markdown 語法參考&應(yīng)用按鈕列表（帶快捷鍵）以及文章信息統(tǒng)計欄，后者可以 attach 在主體窗口上，也可以「卸載」下來，獨立放置于桌面任意位置，在里面你可以看到文章當(dāng)前的詞數(shù)、字?jǐn)?shù)、段落數(shù)以及閱讀時長，這點的設(shè)計在 macOS 與 iOS 上是一樣的。
操作便捷，能文能武
下面我們以 iOS 版來具體探討一下 Bear 的設(shè)計細(xì)節(jié)：
與 iA Writer、Ulysses 的 iOS 版相比，Bear 更適用于類似于 Notes.app 那樣的內(nèi)容速記，打開應(yīng)用，前兩個應(yīng)用都會顯示目錄列表或是文章編輯區(qū)，下圖中?Ulysses 底部的「+」可不是新建文章的按鈕，iA Writer 還需要你回退到文章列表才能創(chuàng)建文章，而只有 Bear 才有一個醒目的「新建文章」按鈕，從操作步驟上講，Bear 是最有效率的，只需“打開應(yīng)用”和“點擊紅色大按鈕”兩步即可進(jìn)入編輯狀態(tài)。
而做起長篇大論，Bear 又完全不輸于 Ulysses，iOS 版與 macOS 版相比，優(yōu)勢在于可以利用手勢，像拉抽屜一樣，快捷調(diào)用各個模塊，左側(cè)是文章管理欄，可以在不同 Tag 之間查看文章，右側(cè)是前文中提到的文章信息統(tǒng)計區(qū)，你可以在這里查看文章編輯時間等信息，也可以選擇導(dǎo)出文章為各種格式。
Bear iOS 版的 MD 標(biāo)簽工具欄不是隱藏式的，用戶可在系統(tǒng)鍵盤上方操作語法，在下圖第三張中你可以看到 iOS 版提供了上下左右四個方向的光標(biāo)移動按鈕，方便用戶在手機(jī)上編輯長文本：
iOS 側(cè)圖文混排沒有對手
由于采取?WYSIWYG 編輯模式，Bear 支持像 MWeb 的圖文混排設(shè)計，你甚至可以在后臺設(shè)置將圖片顯示所縮略圖，即使是從 Safari 摘取的文章，你同樣可以獲取看上去還湊活的圖文排版效果。
Bear 除了支持普通的 MD 編輯語法，還可以插入 todo 待辦事項，甚至是任意格式的文件；但美中不足的這款產(chǎn)品不支持網(wǎng)絡(luò)圖片的插入，不支持中文斜體（這個必須得改）、表格、腳注語法，LaTex 更是別想了。
細(xì)節(jié)設(shè)計與眾不同
Bear 在許多設(shè)計上都本著「方便」這個詞去設(shè)計，比如插入文章標(biāo)題，你可以在語法應(yīng)用欄上點擊「H」按鈕，此時會彈出從 H1-H3 三種級別標(biāo)題的菜單，這讓我想起了原來在 LCP 做的 Action 菜單；或者是你可以做「鏈接文章」，即：將應(yīng)用內(nèi)的文本直接鏈接到其他文內(nèi)的某個關(guān)鍵詞上（看下圖：Copy link to note），點擊關(guān)鍵詞可直接跳轉(zhuǎn)到鏈接的對應(yīng)文章上（URL 上用 bear://x-callback-url），原理是靠 URL Scheme 來實現(xiàn)的：
在文章列表上向左滑動可觸發(fā)文章置頂、刪除、分享、鏈接文章等操作：
納尼？！她還會做書簽收集？
兩個平臺的 Bear 都可以利用瀏覽器插件或是 ShareSheet Action 將網(wǎng)絡(luò)文章快速收集進(jìn)入應(yīng)用內(nèi)，但兩者的操作結(jié)果是不一樣的，Mac 版可以提取文章整體內(nèi)容，而 iOS 版卻只能收集文章的標(biāo)題和 Web URL。另外后者還提取文章時還是選擇將其插入已有文章的頭部或底部，方便做文章來源說明哦。
對了，Bear 還支持從 Evernote 和 Vesper 導(dǎo)入筆記。
Bear 在 iOS 版上可接入 TextExpander 使用，提供了 9 種自選主題，風(fēng)格設(shè)計與 Ulysses 非常相似，同時也可即時查看對字體、行高、行寬、段落空隙的調(diào)整：
最后想吐槽的是 Bear 在導(dǎo)出文章為 JPG 圖片時，在應(yīng)用內(nèi)不能通過完整分辨率去查看圖片，比較模糊，必須跳到照片.app 去查看。
目前 Bear 的 Pro 版，也就是需要付費才能享用的功能包括：多平臺同步，主題自選以及更多的導(dǎo)出格式選擇，你可以選擇月付使用（每月 10 元，提供一周時長的試用），也可以選擇年付（每年 103 元，支持免費試用一個月，整體價格要比月付便宜 15%），購買 Pro 后，兩個平臺的客戶端可同時使用。
但以 iCloud 做雙平臺同步的內(nèi)購政策可能會將一些 Evernote 粉拒之門外，但總體上講 Bear 是一款很有潛力的產(chǎn)品。據(jù)開發(fā)者表示，未來他們會計劃為 Bear 添加「密碼保護(hù)」、「Web 版」以及更多的界面主題。
]]>說到前端產(chǎn)品開發(fā)，開發(fā)者與設(shè)計師之前交接原型產(chǎn)品更多的還是當(dāng)面聊，不停的開小組會議，產(chǎn)品經(jīng)理、設(shè)計師、開發(fā)者三個人會在小屋里就一個按鈕討論一下午。即時有 Slack 這樣的服務(wù)，這兩位仍然需要當(dāng)面把事情說清楚，設(shè)計妹紙會教開發(fā)者大葛格用 Sketch，告訴他哪個層有啥動作，哪個文字會變換尺寸。但是，就像前面我說的，在企業(yè)不斷追求高效生產(chǎn)的目標(biāo)帶動下，這中間又催發(fā)了一個新工種來代替無休止的討論，只不過這個工種由一款軟件（也是服務(wù)）來擔(dān)任，它就是：Zeplin。
Zeplin，由 Zeppelin 一詞變化而來（貌似許多產(chǎn)品都喜歡用齊柏林飛艇來做 Logo），由四名伊斯坦布爾的才子設(shè)計，是一款為 Designer 和 Developer 提供產(chǎn)品原稿交接與溝通的高效平臺，用戶可對產(chǎn)品進(jìn)行標(biāo)注、Style Guide 注釋，還提供了簡單的團(tuán)隊協(xié)同工作功能，通過插件，設(shè)計師可將 Sketch（Mac 平臺最著名的前端設(shè)計軟件）的 Artboard 單獨或批量導(dǎo)入 Zeplin 的 Project 里供開發(fā)者做業(yè)務(wù)功能與前端交互的實現(xiàn)。目前這款軟件僅支持 Sketch，另一款主流大將 Photoshop 據(jù)稱也在支持計劃中，但目前仍未放出更新版本。
設(shè)計師與開發(fā)者的福音
許多設(shè)計師初次接觸 Zeplin 都表示驚呆了，“終于可以從枯燥的體力活中解放出來，再也不用跟開發(fā)扯皮或者一對一的去調(diào)整界面了”，當(dāng)你把稿子導(dǎo)入 Zeplin 后，受邀請進(jìn)入 Project 的開發(fā)者可以直觀的看到色值，元素間距，交互流程，區(qū)域大小，文字大小及顏色，注意看下圖，在 Dashboard 右邊欄 Colors 與 Assests 這兩欄，可以讓對方清楚的知道配色值（RGB），另外在讓開發(fā)者查看分層元素時，在 Sketch 里將層設(shè)置為 “Exportable” 即可，在設(shè)計師做好圖層管理（命名、分組）的前提下，它可以自動生成元素尺寸?間隔距離的標(biāo)注信息（并且可以標(biāo)注為 pt 或 dp）。
基礎(chǔ)使用介紹
Zeplin 對于專業(yè)人員來說很好上手，創(chuàng)建一個 Project，你可以看到軟件支持 Android、iOS、Web 三種工作環(huán)境，另外開發(fā)者還提供可實驗性質(zhì)的 Mac OS X 軟件開發(fā)環(huán)境。
此時到 Sketch 里找到 Menubar – Plugins 目錄，如果你安裝了 Zeplin 專為 Sketch 開發(fā)的插件，可以直接在插件目錄里選擇“Export Selected Artboards”將文件導(dǎo)入 Zeplin，這個速度很快。
標(biāo)注與 Style Guide
作為項目人員，你可以隨時通過軟件和 Web 版進(jìn)入 Project 對原稿進(jìn)行標(biāo)注（添加 Note，與對方就產(chǎn)品進(jìn)行溝通），設(shè)計師可以制作 Style Guide，包括字體樣式、色彩構(gòu)成、Icon 樣例、常用間距等內(nèi)容。
高效的協(xié)同工作機(jī)制
作為一款項目組協(xié)同工作軟件，Zeplin 可以讓團(tuán)隊成員一共參與整個原稿的交流工作，項目創(chuàng)建者只需輸入其他同事的郵箱或 Zeplin 賬戶名即可發(fā)出邀請。而如果當(dāng)前工作環(huán)境不是 Mac，你也仍然能通過 Web App 參與工作。
軟件的下載與定價
這么優(yōu)秀的協(xié)同工具要說完全免費那是不現(xiàn)實的，除了提供嘗鮮的免費版只能創(chuàng)建一個 Project 外，Starter 與 Growing Business 的套餐還是很有競爭力的，其中后者可以同時運行八個 Project，這兩款付費套餐的年費單月價格分別為每月 13 刀與 22 刀，與普通的月付相比優(yōu)惠 10%，對于創(chuàng)業(yè)團(tuán)隊也來說，要比 Markly（39.99刀）、Invision、Lucidchart 相對實惠一些。
最后附上 Zeplin 在墻內(nèi)的下載地址，配合 Sketch 導(dǎo)出 Artboard 的插件
]]>