分享代碼一樣分享設(shè)計,F(xiàn)roont打造網(wǎng)站設(shè)計界的Github
2014年 / 10月17日
早在2013年5月的時候Froont就已經(jīng)在芬蘭的風投公司注資強有力的臂膀下推出了公測版本應用,它為設(shè)計師提供了一個更為簡單的分享方式給他的團隊成員或者客戶,這個應用可以用來創(chuàng)建、建模和分享響應式網(wǎng)站的設(shè)計,而不需要像傳統(tǒng)的通過代碼編寫來傳遞信息。當時他們的想法就是想盡一切辦法來廢除通過Photoshop來繪制模擬圖和實際圖,至少在HTML/CSS環(huán)境下能夠保證能夠正常工作。今天這個創(chuàng)業(yè)公司的可視化編輯應用已經(jīng)結(jié)束測試版本,公司推出了一個更為廣闊的平臺與社區(qū)分享設(shè)計師們的網(wǎng)站設(shè)計,就像之前他們分享代碼一樣簡單。
Froont旗艦版本的功能現(xiàn)在可以實現(xiàn)克隆、編輯并且與客戶共享一個設(shè)計項目,或者將目前的文件作為一個新的設(shè)計的起始點開始工作。在某些方面這款應用有點像把原始代碼放在Github環(huán)境下操作的模式,它擁有了更為廣闊的開放源代碼作為它的整體,但是對于視覺網(wǎng)頁設(shè)計師來說,多虧了Froont有了基于游覽器的可視化編輯器,這樣才使得他們工作起來更為順手。
Froont的聯(lián)合創(chuàng)始人之一兼首席執(zhí)行官Sandijs Ruluks引用了設(shè)計社區(qū)Behance和Dribbble中的一些觀點后指出:設(shè)計師們都樂于分享他們的作品,因為通過分享能夠使他們更能準確的把握設(shè)計的新趨勢并能夠快速拿定自己的方案。這些同樣適用于Github,人們很喜歡在這樣一個社區(qū)里面分享自己的代碼,并且同時也喜歡借鑒他人的優(yōu)秀作品。最有趣的是開源編程現(xiàn)在已經(jīng)成為了行業(yè)里的非常正常的事,這種氛圍的好處是不可否認的。但是現(xiàn)在開源的設(shè)計目前來說還不是很完善,雖然我們現(xiàn)在看到大家的呼聲還是比較高的,但是還需要時間開考驗。
和程序員們一樣,現(xiàn)在網(wǎng)頁設(shè)計師們和網(wǎng)站開發(fā)人員都能夠自由的分享他們所設(shè)計的圖標,WordPress主題,UI包,Bootstrap或者Zurb框架等,Ruluks認為這樣的分享行為應該可以覆蓋到整個響應式的頁面設(shè)計。但是直到現(xiàn)在為止,他還沒有想出一個很好的辦法來讓這一想法實現(xiàn)。他說:“之所以剩下的網(wǎng)頁設(shè)計部分不能夠完全收納進分享社區(qū)是因為一件非常簡單的原因,那就是我們現(xiàn)在整個行業(yè)缺少一種開放式的實際標準。代碼是開放的,但是Photoshop和代碼并不能夠走到一起去。我們可以希望讓所有的設(shè)計師們都非常流利的掌握編程技術(shù),但是很顯然術(shù)業(yè)有專攻,如果他們掌握了編程的技術(shù),我們還要程序員們干什么呢?所以我們這時候就需要Froont來協(xié)助我們的工作了?!?/span>
在這里Ruluks說的可是大實話,F(xiàn)roont的可視化編輯器主要是通過較為基礎(chǔ)的拖放進行設(shè)計工作,它輸出的格式大多是HTML5和CSS3,所以說它完全是基于我們現(xiàn)在流行的網(wǎng)頁設(shè)計標準。他同時還補充道:“我們看到了一個非常大的機遇,它能夠使設(shè)計實現(xiàn)開放化,這意味著人們可以通過分享他們的設(shè)計,來向全世界宣告這是我的杰作,或者從別人的優(yōu)秀作品中吸取靈感得到啟發(fā)。與此同時,他們可以直接使用之前的設(shè)計并且在此之上繼續(xù)添加自己的新設(shè)計元素。這樣一種開放的形態(tài)能夠使設(shè)計師通過借鑒他人的優(yōu)秀作品進而更快的設(shè)計出自己風格的作品,他們可以充分的展示他們作品的工作原型,以及將整個作品交付給使用方之后無需更多的繁雜工作就能讓網(wǎng)站正式上線,可謂是一種“開箱即用”的作品?!?/span>
Froont新的免費化的盈利模式也很有趣。非付費用戶在這一平臺上所創(chuàng)建的任何頁面或者微型網(wǎng)站一直是處于公開狀態(tài)的,任何人都能夠克隆、編輯和使用,如果你想讓你的作品處于一種神秘的狀態(tài),那么你就需要支付一定的軟件訂閱費用,這樣就能讓你控制你的作品何時面市。正如Ruluks所說,“免費使用這個平臺的代價就是分享你的作品,如果你想更隱私的服務那么你的代價就是乖乖掏銀子?!?/span>