最近老羅推出了堅(jiān)果手機(jī)失驶,同時(shí)推出了錘子便簽 2.5, 于是我被刷屏了土居,朋友圈里很多由錘子便簽生成的圖片。乍看之下嬉探,頗為美觀装盯,然而錘子便簽,并非完美之作甲馋。
精致之顏
老羅對(duì)擬物設(shè)計(jì)情有獨(dú)鐘埂奈,在 iOS 7 開(kāi)始扁平化走紅的這個(gè)時(shí)代,不管是在 Android 上定躏,還是在 iOS 上账磺,錘子便簽的擬物風(fēng)格跟系統(tǒng)整體的扁平風(fēng)格放在一起,顯得格格不入痊远。但是精心打磨的錘子便簽垮抗,對(duì)擬物設(shè)計(jì)的把握和雕琢,卻讓這款 App 在不經(jīng)意間給人帶來(lái)一些感動(dòng)——對(duì)設(shè)計(jì)如此用心的感動(dòng)碧聪。
精致的回形針
打開(kāi) App 首先是【便簽瀏覽頁(yè)面】冒版,錘子科技把便簽設(shè)計(jì)成小卡片(或者說(shuō)小便簽)的形狀,左邊用回形針夾著逞姿,背景圖是木紋辞嗡,給人感覺(jué)就像是桌子上的實(shí)物便簽一樣。長(zhǎng)按便簽可以上下移動(dòng)順序滞造,并且左邊所有的回形針都會(huì)彈起续室,因?yàn)槔^續(xù)夾著便簽的話,便簽怎么能移動(dòng)呢谒养?向右滑動(dòng)可以刪除便簽挺狰,這時(shí)候回形針同樣會(huì)彈起,出現(xiàn)一個(gè)刪除按鈕。
回形針彈起后丰泊,下面還有陰影薯定。
精致的筆記本
新建一條便簽瞳购,可以看到【便簽編輯頁(yè)面】有淺灰色的分行線沉唠,看起來(lái)有種紙質(zhì)筆記本的感覺(jué),仿佛是在紙上寫(xiě)字苛败。左邊有一條縱向的顏色處理满葛,看起來(lái)就像是紙質(zhì)筆記本打開(kāi)后的樣子。
簡(jiǎn)單的 Markdown, 繁瑣的預(yù)覽
Markdown 如今備受推崇罢屈,它可以讓人簡(jiǎn)化排版工作嘀韧,專(zhuān)注于寫(xiě)作。但是對(duì)于沒(méi)代碼基礎(chǔ)的初學(xué)者來(lái)說(shuō)缠捌,Markdown 畢竟是一種標(biāo)記語(yǔ)言锄贷,即使它足夠簡(jiǎn)單,前期還是需要付出一定的學(xué)習(xí)成本曼月,尤其在不支持實(shí)時(shí)預(yù)覽的環(huán)境下谊却。
關(guān)于 Markdown, 初學(xué)者可以參考:
認(rèn)識(shí)與入門(mén) Markdown
獻(xiàn)給寫(xiě)作者的 Markdown 新手指南
Markdown 語(yǔ)法說(shuō)明 (簡(jiǎn)體中文版)
簡(jiǎn)單的 Markdown
在手機(jī)上碼字,輸入 # > * [ ] 之類(lèi)的標(biāo)記符號(hào)并不方便哑芹,倒不如做一個(gè)輕量級(jí)的排版操作工具條炎辨,通過(guò)工具條上的按鈕來(lái)實(shí)現(xiàn)排版,對(duì)用戶(hù)來(lái)說(shuō)聪姿,更加簡(jiǎn)單易學(xué)碴萧,也更加便于操作。畢竟 Markdown 只是一個(gè)實(shí)現(xiàn)排版的輕量級(jí)標(biāo)記語(yǔ)言末购,對(duì)于錘子便簽來(lái)說(shuō)破喻,不應(yīng)該讓用戶(hù)花很多時(shí)間去學(xué)習(xí)。因此盟榴,錘子便簽挑出最常用的幾個(gè)標(biāo)記符號(hào)做成了工具條曹质。
需要注意的是,默認(rèn)情況下并不會(huì)打開(kāi) Markdown 開(kāi)關(guān)擎场,需要手動(dòng)開(kāi)啟:
設(shè)置 - 啟用 Markdown 模式 - 打開(kāi)開(kāi)關(guān)羽德。
在【便簽編輯頁(yè)面】又上方,點(diǎn)亮【M↓】圖標(biāo)顶籽。
另外玩般,值得一提的是,雖然錘子便簽支持 Markdown, 但只是部分支持礼饱,比如不支持:
斜體
- 有序列表1
- 有序列表2
但是錘子便簽加入了非常實(shí)用的【居中】,然而這并不是 Markdown 原配的功能:
?標(biāo)題?,只支持三級(jí)镊绪。
# 一級(jí)標(biāo)題
## 二級(jí)標(biāo)題
### 三級(jí)標(biāo)題
?居中?匀伏,
[居中,非常實(shí)用蝴韭。]
?列表?够颠,
- 無(wú)序列表1
- 無(wú)序列表2
?粗體?,**需要前后都加上標(biāo)記**
?引用?榄鉴。
> 這是引用
繁瑣的預(yù)覽
看到上圖這樣的字符履磨,很多初學(xué)者可能完全摸不著頭腦,這都啥跟啥庆尘?不用怕剃诅,錘子便簽可以讓你看到下面這種熟悉的排版:
三個(gè)步驟讓你看到預(yù)覽效果:
- 點(diǎn)擊右上角的??,
- 然后點(diǎn)擊【小飛機(jī)】
- 然后點(diǎn)擊【以圖片形式分享】,或者【以網(wǎng)頁(yè)形式分享】(預(yù)覽效果是一樣的)
這樣就可以看到這條便簽的預(yù)覽了驶忌,如果對(duì)排版不滿意矛辕,那么就回到編輯頁(yè)面,再進(jìn)行調(diào)整付魔。
這時(shí)候你可能跟我想的一樣:如果可以實(shí)時(shí)預(yù)覽聊品,那該多好啊~
查看預(yù)覽效果需要3個(gè)步驟的操作,我覺(jué)得非常繁瑣几苍,如果要返回修改再看預(yù)覽翻屈,那么就是6個(gè)步驟。但目前妻坝,也只能這樣妖胀。努力學(xué)習(xí) Markdown 語(yǔ)法吧,做到只看代碼就能在大腦里面實(shí)時(shí)預(yù)覽惠勒,才是王道赚抡。
總的來(lái)說(shuō),錘子便簽加入了 Markdown 支持纠屋,可以實(shí)現(xiàn)輕量級(jí)的排版涂臣,是一個(gè)進(jìn)步。而對(duì)于 Markdown 語(yǔ)法的精簡(jiǎn)售担,以及【居中】的加入赁遗,是值得稱(chēng)贊的地方。目前的預(yù)覽操作非常繁瑣族铆,如果可以進(jìn)行實(shí)時(shí)預(yù)覽岩四,進(jìn)一步降低初學(xué)者的學(xué)習(xí)成本,提高排版時(shí)容錯(cuò)率哥攘,那就更好了剖煌。
圖文排版神器
錘子便簽提供了一套非常方便的圖片排版工具材鹦,點(diǎn)擊便簽中的一張圖片,圖片會(huì)打上一層模糊的濾鏡耕姊,左上角出現(xiàn)三個(gè)按鈕桶唐,分別為:刪除圖片、更改圖片描述茉兰、裁剪圖片尤泽;
圖片描述
可以對(duì)圖片進(jìn)行簡(jiǎn)單的描述,并且自動(dòng)生產(chǎn)讓人滿意的排版效果规脸。
裁剪圖片
是的,也就是說(shuō)莫鸭,圖片不需要提前使用各種工具進(jìn)行裁剪闹丐,而是在碼字過(guò)程中,可以隨時(shí)根據(jù)需要裁剪圖片的大小黔龟,并且不會(huì)對(duì)原圖做任何更改妇智,只是裁剪便簽內(nèi)的圖片副本。
注意:如果裁剪的圖片過(guò)大氏身,那么還可以繼續(xù)往小裁剪巍棱。如果裁剪的圖片過(guò)小,因?yàn)殄N子便簽沒(méi)有撤銷(xiāo)功能蛋欣,那么只能重新插入原圖航徙,再裁剪一次。
移動(dòng)圖片
眼尖的同學(xué)一定會(huì)發(fā)現(xiàn)圖片的右上角懸浮著一個(gè)白色的圓形按鈕到踏,這是移動(dòng)圖片按鈕,錘子便簽中的一大神器尚猿。長(zhǎng)按后圖片會(huì)折疊成一行的高度窝稿,可以上下拖動(dòng)自由放置圖片。雖然只能按行移動(dòng)凿掂,但是這個(gè)操作異常的便利伴榔、直觀(與 Markdown 剪切代碼、移動(dòng)光標(biāo)庄萎、粘貼代碼相比)踪少。
不提供撤銷(xiāo)功能,沒(méi)有后悔藥
前文提到圖片裁剪的操作不能撤銷(xiāo)糠涛,如果裁剪的圖片尺寸過(guò)小援奢,那么只能重新插入原圖,再裁剪一次忍捡。
其實(shí)集漾,在整個(gè)錘子便簽中都沒(méi)有提供【撤銷(xiāo)按鈕】切黔,這意味著,不僅僅是圖片的操作不可逆帆竹,文字操作也是不可逆的绕娘。對(duì)于經(jīng)常碼字的同學(xué)脓规,應(yīng)該都明白撤銷(xiāo)至于編輯的重要性栽连。很可惜,錘子便簽并沒(méi)有提供撤銷(xiāo)功能侨舆。只能希望下個(gè)版本加入吧秒紧。
云同步便簽
手機(jī)碼字對(duì)我而言,只是應(yīng)急之需挨下。長(zhǎng)文編輯熔恢,還是需要在電腦面前,才能更加效率臭笆。錘子便簽這次更新帶來(lái)了云同步叙淌,用戶(hù)可以在 Web 端和 App 端自由切換,這極大地提高了錘子便簽的實(shí)用性愁铺。
因?yàn)樗鼘?shí)現(xiàn)了以下這種極度方便的操作:
桌面編輯 -> 手機(jī)查看預(yù)覽鹰霍。
以網(wǎng)頁(yè)形式分享
長(zhǎng)微博有一個(gè)缺點(diǎn),那就是文字在圖片里面茵乱,無(wú)法被檢索( OCR 的成本高)茂洒,當(dāng)然有時(shí)候這也是優(yōu)點(diǎn)。因此錘子便簽新增加了以網(wǎng)頁(yè)形式分享這一黑科技瓶竭,讓朋友圈人人都可以發(fā)文章督勺,過(guò)一把運(yùn)營(yíng)公眾號(hào)的癮。文字不再是以圖片的形式分享斤贰,而是生成一個(gè) HTML 文本頁(yè)面智哀,可以復(fù)制里面的文本,可以調(diào)整字體的大小等等荧恍〈山校總之,文字不再變成圖片块饺,文字就是文字赞辩,就是我們都非常熟悉的文字。
需要注意辨嗽,網(wǎng)頁(yè)形式發(fā)送出去之后,并不能再修改這條便簽淮腾,不滿意的話只能刪除糟需。
又一次屉佳,錘子不提供后悔藥。
但是我想要修改洲押,怎么辦武花?不要怕,可以重新打開(kāi)這條便簽杈帐,修改到滿意為止体箕,然后再次發(fā)送出去。
難以讓人滿意的閱讀體驗(yàn)
錘子便簽,在產(chǎn)品設(shè)計(jì)之初站叼,就是為長(zhǎng)微博而生娃兽。突破140字限制,自動(dòng)生成長(zhǎng)微博尽楔,能夠保證排版不錯(cuò)亂投储,生成的圖片精美。其實(shí)這一切都是為了提供更高的閱讀體驗(yàn)阔馋。但是錘子便簽卻在閱讀體驗(yàn)這里玛荞,犯下了致命的錯(cuò)誤——字體太小。話不多說(shuō)垦缅,先看圖:
** 編輯頁(yè)面的字體大小 **
預(yù)覽頁(yè)面的字體大小
作為一款主打長(zhǎng)微博的便簽工具(現(xiàn)在包括朋友圈)冲泥,「寫(xiě)」是體驗(yàn)的一方面,「看」是體驗(yàn)的另一方面壁涎。二者共同構(gòu)建了一款便簽工具的核心用戶(hù)體驗(yàn)凡恍。
我很納悶,為什么在錘子便簽生成的效果怔球,默認(rèn)字體比居然比編輯頁(yè)面的還小嚼酝。在手機(jī)上查看錘子便簽時(shí),不縮放圖片的情況下竟坛,字體大小與微信朋友圈的文字差不多闽巩。
但是,朋友圈是為了在屏幕范圍內(nèi)顯示更多內(nèi)容担汤,才把字體設(shè)置的那么小涎跨。對(duì)于錘子便簽來(lái)說(shuō),并沒(méi)有類(lèi)似的顧慮崭歧。
相對(duì)應(yīng)可以作為參考的產(chǎn)品隅很,我認(rèn)為是電子書(shū)閱讀 App, 核心體驗(yàn)同樣是讓用戶(hù)更舒服的閱讀,比如微信閱讀率碾。(正好剛裝了微信閱讀, 字體大小還沒(méi)設(shè)置叔营,而多看已經(jīng)被我調(diào)整過(guò)多次屋彪,不知道哪個(gè)字號(hào)才是默認(rèn)的,因此選擇微信閱讀來(lái)比較绒尊。)
以圖片保存的便簽字體大小
如果放大圖片勘究,那么無(wú)法在豎屏狀態(tài)下完整顯示一行矮湘,因?yàn)閳D片的寬度是 990 px, 豎屏狀態(tài)下閱讀就需要不停的左右移動(dòng)斟冕,體驗(yàn)簡(jiǎn)直是虐待口糕。
橫屏下雙擊圖片自適應(yīng)寬度,這時(shí)候圖片放大后磕蛇,字體大小可以達(dá)到讓人滿意的效果景描。但是,為什么要用戶(hù)橫屏呢秀撇?
Material Design 的規(guī)范文檔明確指出超棺,CJK 字體的 Body 字號(hào)應(yīng)為 14 sp.
總結(jié)
錘子便簽是功能齊全而且好用的長(zhǎng)微博編輯工具,然而生成的長(zhǎng)微博默認(rèn)字體太小呵燕,閱讀起來(lái)簡(jiǎn)直是殘害眼睛棠绘。
錘子便簽解決了「寫(xiě)」的問(wèn)題,卻對(duì)于「看」的問(wèn)題沒(méi)有足夠的重視再扭。
畢竟分享出去的長(zhǎng)微博也好氧苍,朋友圈也好,都是為了展示內(nèi)容泛范,而舒適的排版和字號(hào)让虐,就是文字閱讀體驗(yàn)的核心。
缺點(diǎn):
- 缺少撤銷(xiāo)操作罢荡,沒(méi)有后悔藥赡突。
- 默認(rèn)正文字體太小,手機(jī)上閱讀很累区赵。
- Markdown 不支持實(shí)時(shí)預(yù)覽
優(yōu)點(diǎn):
- 精致的擬物設(shè)計(jì)惭缰。
- 圖片操作方便。
- Markdown 可以滿足輕量級(jí)排版的需求笼才。
- 尊重用戶(hù)漱受。全世界國(guó)家地區(qū)選擇,歡喜云服務(wù)隱私協(xié)議提醒患整,錘子便簽尾巴開(kāi)關(guān)拜效,Markdown 開(kāi)關(guān)喷众。
- 云同步。登錄歡喜云服務(wù)紧憾,便簽可以在網(wǎng)頁(yè)端打開(kāi)后繼續(xù)編輯到千、修改。