「切版」你所不知道的網頁空間魔法師。
有常常在接觸網頁開發的朋友，相信一定會很好奇，「切版」到底是什麼東西？這些年開始接觸一些年輕的PM，不管是專案經理還是產品經理，他們對於技術的一些「專業術語」總是非常的苦惱。「切版」就是一例。有些時候我也會問問當網頁設計師或網站工程師的朋友，想知道他們會如何解釋「切版」。其實，我大概都猜得到結果，因為對這些朋友來說，「切版」就跟「蘋果為什麼叫做蘋果？」是一樣的，就是一個名詞，只是這個名詞對於一般人來說，太過遙遠。不信？問問家裡的媽媽，看看他們知不知道「什麼是切版？」
如果試著去網路搜尋「切版」，你也會發現很多關於「切版」的資訊，不過，幾乎都是「切版」的教學或是課程，可是對於「切版」這個概念，還是一頭霧水。
前幾天聽了一個線上課程《從商業設計故事學「突破框架思考力」》，裡面有提到一個案例，這個案例是這樣的。你知道為什麼都市的建築會偏向方形，而蒙古草原之類的地方建築，卻都是圓形的嗎？
當時聽的時候，我心裡想的答案「方形建築創造的可用面積，會大於圓形的面積，畢竟都市的人口密集，對於空間的利用會更加的計較」。相當合理的答案，對吧!!
但是答案並不是這樣的。原因是因為，人類的移動路徑會傾向最小的路徑，也就是直線距離。因此在都市地區，因為人類的移動都是直線的，所以造成道路都是直線交錯的，於是產生許多有稜有角的空間，都市建築才會以方形為主。
可是當人類在轉彎的時候，卻不是90度的直角轉彎，而是會有點弧度的轉彎，並不會到定點才90度旋轉，然後才繼續前進。最常見的狀況，就是在公園裡面，如果有一個90度的草皮，大多時候會發現，這個轉角的草皮永遠都是禿禿的，不然就是被走出一條直線。於是在現代的公園，也就越來越傾向做成圓弧的轉角，這樣就可以避免被民眾踩得光禿禿的。
假設現在你想要買一間房子，當你在看房子的時候，心裡在想的，是不是這間房子的格局，方不方正阿？浴室、廁所、臥室、客廳，還有廚房的配置，然後看了之後，是不是也在想，我的書桌要放哪？床要放哪？還有那個100吋的大電視呢？想的就是這間房子的空間配置符不符合需求。
如果，房子的格局和內心美好的想像是有點接近的，是不是就會很想要買下去？當然，這個前提是有足夠的預算。買下去後，是不是就很迫不急待的想去找「室內設計師」，來好好的討論一下這個「屬於自己的小窩」，要如何把美好的想像，建構出來，當然一樣要在預算內。而，這位室內設計師，就會依照我們的喜好、習慣或是需求，畫好一張室內設計圖。
其實，「切版」在做的事情也是一樣的。就像這位「室內設計師」一樣，在一個可用空間中，劃分出「各自屬於的空間」，像是「客廳、浴室、廚房」…等。然後再近一步的，在這些空間中進行細部的配置，像是客廳裏面，我的沙發要放哪邊、買多大的？椅子要買方的還是圓的？「切版」也是在網頁上切分出許多區域，例如「header, main,footer」中，然後在這些區域中，放上圖片、文字、按鈕，或是一些動態效果。
「切版」在很多人的眼中，會覺得這個工作很不起眼，覺得很簡單，但是實際上並不簡單。在客廳的空間放上沙發、椅子，這個大家都會做，但是，要讓這個空間舒適，不管是視覺的舒適、還是在這空間中活動的自在，卻不是人人可以做到。也不是跑去家具行或是IK○A買買家具，回來擺，還要覺得滿意，這就不容易了。
還有，千萬不要看到一個網頁後，直接就跑去跟網頁設計師說，這個圖片我想要改位置。如果是在同一個空間裡調整，可能「網頁設計師」還會笑笑的回答說：「好」。可是若是要整個版面調整，你可以想想，如果你家要把客廳和臥室對調，會不會覺得很討厭，這就會是「網頁設計師當下的心情」。
所以，當網頁設計師在進行「切版」時，就是在進行整個網頁的「空間規劃」，除了要考量使用者的「操作動線」，就像人類習慣走直線一樣，也還要考慮「視覺動線」，不僅要考慮「視覺美觀」，更要考慮「使用者體驗」。如果可以給網頁設計師一個頭銜，我希望是「網頁空間魔法師」。
「切版就像你家，不是隨便擺擺就可以。」
若你在PM這條路上感到迷茫，
或想更清楚了解自己的能力與定位，
歡迎試試這份《PM產品／專案雙軌分析報告》。
它不為了定義你，而是幫助你更看清自己。
歡迎關注：
官網：https://unityprosper.com/
部落格：https://hero-mi.com/
FB：https://www.facebook.com/DigiPRDCoachHeroMi
LINE OA：@hero-mi
《歡迎加我LINE，一起破局未來》
*本站所有文章未經授權，請勿任意利用、引用、轉載。
留言