iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 2
0
Modern Web

Webflow 神器 - 不負責推薦文系列 第 2

Webflow的限制 - 免死金牌

  • 分享至 

  • xImage
  •  

最重要的一篇

這篇個人覺得會是最重要的一篇, 但也非常害怕自己寫得並不是自己真正的意思, 故斟酌了有點久

因為
很有可能讓本來對Webflow有興趣的人更有興趣,
或讓本來對Webflow沒有興趣或斥嗤之以鼻的人慢慢了解他的定位

以下是我使用Webflow至今以及觀看他們Webinar還有Forum的一些想法


他是一個工具, 不是萬靈丹

曾有一篇文章 為什麼我討厭Webflow,在網路上引起討論,執行長也直接在下面回文,我覺得講的滿誠懇的推薦大家看看

對我而言,我都會推薦所有覺得他不過是原型工具,對於工作流程沒有什麼實質幫助的人,先實際去使用看看
你會發現,它不是像Ps等的繪圖工具,他比較像是把"寫程式(網頁)"這件事情"視覺化"的另一種方式

ex.
一樣要有padding,margin的概念, 可是是用拖拉的
http://ithelp.ithome.com.tw/upload/images/20161202/20103331P2OzFdGUeE.png
一樣要有position: absolute, 只是它是長這樣
http://ithelp.ithome.com.tw/upload/images/20161202/20103331z06sFheDWt.png

可以看這篇一個前端工程師與Webflow團隊討論的過程
Yes

我絕不會說: 有了這種工具,就不需要寫程式的話
我會覺得:
這個工具,可以讓設計師/工程師 各自做好各自喜歡的事情,降低一些以往溝通上的成本
也可以減輕一些重複的工作,加入原本的開發時間

設計師可以直接建立一個心目中的雛形,匯出成HTML/CSS檔 交給工程師
若是在彼此對於Class的命名有共識的前提下,工程師是很好去做後端或是前端Crazy的效果 我覺得這樣很棒
(像我很喜歡能夠重新思考一些或許之前在寫程式時不太能想像的,例如立體方面更直觀)

For 設計師想學習前端工程

我會非常非常建議所有曾經想學習HTML/CSS 但放棄的人可以給由Webflow一個機會
藉由拖拉像是原本熟悉的Ps,Ai工具模式, 但同時要有安排HTML階層的邏輯(30天會提到一些)
基本Div,Section,甚至到Flexbox
其實藉由觀看官方Youtube就真的可以做出一個網站
同時去觀察你到底寫出了什麼程式

定位

Webflow前幾次的線上會議有一個人就問,
使用Webflow做出一個網站但不會寫code的人, 是工程師(engineer)嗎?
有人覺得是,有人覺得還差得很遠........討論激盪了很久
最後有個還不錯的答案就是, 這種人屬於了解前端工程的人 (front-end developer)
但前端前端也很大,有些反而是coding處理更方便的
但藉由這個方式了解前端,我覺得是個可以嘗試的方式

實際操作後,Webflow還有很多做不到的事情, 但官方一直有努力改進
例如 Pseudoelement還無法用, class的指定還不像在寫程式那麼的方便
(這點跟Webflow的目的可能有些衝突,詳情可以請見這篇
Yes
)
還有很多功能還在慢慢釋出中

但......

深入瞭解後, 才發現Webflow其實算是個滿新的公司,
一開始只有基本Layout的功能
到慢慢加入了各種Component (Button, Navbar,Form)
甚至原本需要掛一些js的他直接幫你做好(lightbox, tab等)
現在更圖像化的支援Flexbox,3Dtransform,interaction等
連background video也幫你一鍵搞定

很多做不到的事情丟到他的wishlist中,團隊都滿認真在思考改進的可能性

Webflow的設計師也說:
當基本功能都滿足後, Webflow的社群就以超出大家預期的能量產出很多很棒的作品
很多沒想過的小技巧也能達到可能現有還沒有的功能
或是如果你真的想要 , 可以用inport code 的方式跑在webflow上

而且真的覺得很多很棒的作品: ,OP
嚇傻了居然就這樣做出來了

.......

明天我會推薦一些我覺得非常厲害的人/作品,敬請期待
今天就先到這邊,真的推薦大家試試看囉 <3


上一篇
不負責推薦神器:Webflow - 前言介紹
下一篇
#MadeInWebflow- 好作品分享
系列文
Webflow 神器 - 不負責推薦文6
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言