天天看點

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo
多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

▲ 次條封面

想起設計師的時候,你的腦中是呈現出怎樣的形象?是拿着壓感筆在數位闆上塗畫,還是一手敲着快捷鍵,一手握着滑鼠快速點選?

從手指作畫到用畫筆,再到今天的用滑鼠、數位闆、鍵盤搞創作,創作這個工作似乎在技術層面日益豐富和複雜,但設計者和作品卻沒有變得更親近。如果設計工具與設計者的互動更加直覺自然,如果做設計除了畫面和靈活的手指不再需要别的東西,那靈感的迸發和表達會不會來得更加強烈而流暢呢?

最近德國的設計工作室 Schultzschultz 推出了一款叫 Touch Type 的字型設計工具,能通過手指與畫面的互動完成創作——要使用它,你隻需一個支援多點觸控的裝置和一個浏覽器。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

雖然官方網頁提示目前 Touch Type 僅支援 iOS 裝置用 Safari/Chrome 浏覽器打開,但經過實測發現 Android 和 iOS 的手機與平闆都可以使用。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

▲ 官方提示隻能在 iOS 上用 Safari/Chrome 浏覽器打開

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

▲ 左圖為 Android 手機搭配誇克浏覽器,右圖為 iPhone

Touch Type 目前隻能設計英文字母,但互動異常簡單。打開網頁後,你将看到一個英文字母「A」,單指在螢幕上拖就拽可以對字母進行移動。

兩指按在螢幕上滑動是伸縮(放大與縮小均有一定大小限制)和旋轉,三指同時按壓,左右移動其中一指能變換字母。

如果要改變字母的形狀,你需要用四根手指同時觸碰螢幕,然後分别移動它們(移動的手指不同改變的效果會有不同)直至調節出自己認為合适的形狀。

當五根手指同時觸碰并移動其中一根手指時能夠調節的字型的粗細。

在移動、縮放、變形的過程中我們看到頁面中是有圓環和數值的,它們的作用是将感性的畫面精确化,比如記住第一個字母的旋轉角度,再将第二個字母的旋轉的度數設為一緻就能實作字母與字母間的平行。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

介紹完基本的操作方法和原理後,下面我們嘗試着用 Touch Type 為 APPSO 設計一個圖示,比如将五個字母拼合成甜蜜的冰激淩形狀。

打開網頁,你将看到一個給定的字母「A」,将其放大并倒轉後得到一個冰激淩的蛋筒。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

輕按兩下螢幕可以添加新的字母。在蛋筒上添加一個渾圓的字母「O」組成冰激淩上方的雪球,通過調整下方「A」字母的夾角能使兩者的搭配起來更好看。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

建立一個字母「S」,調整好大小和角度,再将它放置在「O」的中間,看上去像不像雪球擁有了兩種口味呢?

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

字母「P」的形狀看上去就像是一面旗幟,将它們都插在雪糕上作為裝飾即可。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo
多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

簡單幾步,一個冰激淩形狀的 APPSO logo 就出來了,此處為了讓畫面更加充實還是加上了水準放置的英文單詞在冰激淩的右下角作一個注釋。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

正式完成後點選浏覽器頁面右上方的下載下傳圖示即可儲存黑底白字的原圖。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

大約半小時的設計流程走下來,整體感覺是順暢的,工具簡約的黑白畫面以及手指按壓時充滿科技感的環形輔助線和數值都讓你覺得自己在做一件很酷的事情。

但也許是工具目前還在初始階段,我在試玩 Touch Type 的過程中也發現一些問題。

比如工具的介紹中似乎沒有清楚說明删除字母的方法,在實際操作中我是用「選中某一字母,然後上滑切換另一 app,再傳回浏覽器,字母消失」這種類似卡 Bug 的方式删除的。

又比如說官方推薦使用的 Chrome 浏覽器在設計完成點選下載下傳時不能自動彈出下載下傳視窗而是自動打開了一個顯示全圖的網頁,當想要「儲存圖檔」時卻回報說「無網際網路連接配接」。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

再比如說工具沒有提供用以對齊角度和水準度的參考線,感覺字型的大小和位置等全憑數值,而用手指調節的時候調節的幅度也不好把控。

最後在使用的過程中還會不時發生無法選中字母或明明隻是單擊卻建立了字母等問題。以上種種都對流暢的設計造成了一定幹擾,亟待改善。

我們知道設計工具某種程度上會影響藝術品的特征,比如以字型為例,漢語書寫的流動形式是用毛筆繪制它們的結果,而中世紀歐洲的哥特式字型的誕生則是由于書寫的鋼筆是寬尖的。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

Schultzschultz 工作室的創意總監 Marc Schütz 說當初之是以計劃做這樣一款工具,是因為認為盡管像 Photoshop 等設計軟體能實作的功能有很多,但由于它們在設計領域的強勢化和歸一化,設計者用起來個性難免會受到限制。

作為一個由設計師組成的團隊,Schultzschultz 基于「不讓自己的創造力被設計工具所塑造」的想法開始着手嘗試搭建屬于自己設計工具,而 Touch Type 就是他們實踐的成果之一。

進入 Schultzschultz 工作室的官網,在「Tool」一欄我們可以看到更多由該團隊制作的設計工具。

多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo
多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo
多點觸摸就能做設計?這個線上工具讓你輕松自制 Logo

客觀來說,從想法創新的層面上看,Touch Type 直覺的互動方式确實讓很多沒有設計經驗的使用者能以簡單、輕松、快速的方式體驗到設計的樂趣。但從現實的層面看,目前的 Touch Type 無論是從功能上還是從穩定性上還不足以勝任生産力工作。

不過我們都知道這僅僅是一個開始,重要的不是工具目前能做出什麼,而是它背後隐藏着的對「更感性的互動,更自由的操作」的創作方式的探索。

繼續閱讀