tag:blogger.com,1999:blog-1298974142445162186.post3474745356397222653..comments2024-03-19T15:58:12.198+08:00Comments on 搞笑談軟工: 定義很重要Teddy Chenhttp://www.blogger.com/profile/02066842119056439711noreply@blogger.comBlogger8125tag:blogger.com,1999:blog-1298974142445162186.post-23991978052583979992014-03-10T23:43:36.649+08:002014-03-10T23:43:36.649+08:00您真有心,謝謝分享。您真有心,謝謝分享。Teddy Chenhttps://www.blogger.com/profile/02066842119056439711noreply@blogger.comtag:blogger.com,1999:blog-1298974142445162186.post-19175766539538567632014-03-10T21:31:01.083+08:002014-03-10T21:31:01.083+08:00^上面那一篇看起來好複雜...再補一次...^
"Wireframe" 是不是...^上面那一篇看起來好複雜...再補一次...^<br /><br />"Wireframe" 是不是之於建築中的 "藍圖"<br />─告訴設計內容/開發人員,希望呈現哪些元素,而這些元素大概長什麼樣子。<br /><br />1.總共有哪些元素:"主畫面、次畫面、功能清單區、按鈕" 之於 "辦公室、會議室、廁所、馬桶)<br />2.元素跟元素之間的大小:"主畫面跟功能清單的相對大小" 之於 "辦公室跟廁所之間的相對大小"<br />3.特定元素的額外補充:"按鈕的材質要呈現玻璃的透明感..." 之於 "馬桶要用#303的不銹鋼材質"...)<br />4.呈現元素的位置<br />[圖例]https://lh5.googleusercontent.com/-gpmH-bMfgIU/Ux25Ah9YO1I/AAAAAAAAADo/NV4cEBc5T5A/w958-h819-no/2014-3-10+%25E4%25B8%258B%25E5%258D%2588+08-18-06.png<br /><br />"Prototype" 是不是之於建築中的 "3D展示模型" <br />─已快接近原型,讓設計內容/開發人員知道實際完成後,我希望長成什麼樣子。因為有時候開發人員沒辦法靠簡單線條構成的Wireframe去想像實際產品會長怎樣。(感覺有點像是要去剪頭髮,你拿一張劉德華的髮型給設計師看,我要大概剪成這樣...就是怕設計師剪不到像那樣吧...雖然最後好像都剪得像劉的華那樣...(誤..別理我...<br />[圖例]http://image.zcool.com.cn/2009/10/56/2/1254384951827.jpg<br /><br />"Final Product" 之於 "最終蓋好的建築物"<br />[圖例]http://ext.pimg.tw/love88yes/5068f6d484736016d3e4832bd7f5be77.jpg<br /><br />--<br />P.S.<br />上面的"Final Product"其實不是真正由"Prototype"發展過來的...而是我隨便找比較相似的圖來當作範例...<br />以下補上真正的圖...以雪梨歌劇院作範例...:<br /><br />"Wireframe" <br />http://www.flickr.com/photos/state-records-nsw/5373921522/sizes/o/in/photostream/<br /><br />"Prototype"<br />http://www.3dcadbrowser.com/th/1/5/5119.jpg<br /><br />"Final Product" <br />http://faultytowers.net/wp-content/uploads/2013/04/Sydney_opera_house.jpgAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-1298974142445162186.post-34167407891560772492014-03-10T17:37:57.932+08:002014-03-10T17:37:57.932+08:00下次如果有機會參加設計師的活動,一定要好好問一下他們心目中對於 wirefram 的定義 XD。下次如果有機會參加設計師的活動,一定要好好問一下他們心目中對於 wirefram 的定義 XD。Teddy Chenhttps://www.blogger.com/profile/02066842119056439711noreply@blogger.comtag:blogger.com,1999:blog-1298974142445162186.post-46645159628306442392014-03-10T17:36:18.393+08:002014-03-10T17:36:18.393+08:00你朋友的耐心有待加強啊 XD。你朋友的耐心有待加強啊 XD。Teddy Chenhttps://www.blogger.com/profile/02066842119056439711noreply@blogger.comtag:blogger.com,1999:blog-1298974142445162186.post-14959781713798662472014-03-10T17:20:54.074+08:002014-03-10T17:20:54.074+08:00我也不確定...也滿含糊...列出以下自己的"猜測與假定"來與大家交流討教一下....我也不確定...也滿含糊...列出以下自己的"猜測與假定"來與大家交流討教一下...:<br /><br />"Wireframe" 是不是之於建築中的 "藍圖"<br /> ─告訴即將要設計內容/開發的人員,我希望要有那些元素("主畫面、次畫面、功能清單區、按鈕" 之於 "辦公室、會議室、廁所、馬桶)、這些元素的位置在哪裡、元素跟元素之間的相對大小大概是什麼("主畫面跟功能清單之間的比例" 之於 "辦公室跟廁所之間的大小")、每個元素的特別額外說明("按鈕的材質要呈現玻璃的透明感與些微的霧狀感覺" 之於 "馬桶要用#303的不銹鋼材質")...等等<br /><br /><br />"Prototype" 是不是之於建築中的 "3D展示模型" <br />─接近原型了,告訴即將設計內容/開發的人員,實際完成後,我希望長成像這樣子,因為有時候軟體開發人員沒辦法靠簡單線條構成的Wireframe去想像實際產品會長怎樣。(感覺有點像是要去剪頭髮,你拿一張劉德華的髮型給設計師看,我要大概剪成這樣...就是怕設計師剪不到像那樣吧...雖然最後好像都剪得像劉的華那樣...(誤..別理我...<br /><br /><br /><br />"Final Product" 之於 "最終蓋好的建築物"<br /><br /><br />--<br />為了怕碰到標準高的朋友...我補上以雪梨歌劇院的建築物來當範例...:<br /><br />"Wireframe" <br /><br /><br />"Prototype"<br /><br /><br />"Final Product" <br /><br />Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-1298974142445162186.post-41384027275910652402013-07-08T09:00:29.583+08:002013-07-08T09:00:29.583+08:00wireframe比較像是分鏡稿,分鏡稿其實也沒有什麼非要畫多細膩的定義,有的漫畫家分鏡稿畫比較細膩...wireframe比較像是分鏡稿,分鏡稿其實也沒有什麼非要畫多細膩的定義,有的漫畫家分鏡稿畫比較細膩(嫌時間太多了或是比較菜鳥),有的漫畫家分鏡稿只畫火柴人。Spirit Duhttps://www.blogger.com/profile/03382985523817809635noreply@blogger.comtag:blogger.com,1999:blog-1298974142445162186.post-32726230721800749012013-07-08T08:18:03.322+08:002013-07-08T08:18:03.322+08:00學長遇到的這兩位朋友都很 nice ,還會解釋幾句。
我遇到的,則是問他一句,就直接回我說「算了算...學長遇到的這兩位朋友都很 nice ,還會解釋幾句。<br /><br />我遇到的,則是問他一句,就直接回我說「算了算了,不說了」,就轉身走人了 ‧‧‧Will 日知錄https://www.blogger.com/profile/00349870465981530638noreply@blogger.comtag:blogger.com,1999:blog-1298974142445162186.post-17094790585217761732013-07-08T08:01:51.991+08:002013-07-08T08:01:51.991+08:00prototype比較像是最後產品會出來的樣子,比較貼近實際產物,wireframe通常是用在討論階...prototype比較像是最後產品會出來的樣子,比較貼近實際產物,wireframe通常是用在討論階段,可能是用手繪,或用軟體拉出大概的流程畫面,目的在跟User討論流程或設計概念,因此wireframe的畫面通常比較粗糙。通常專案初期會使用wireframe跟User討論,如果使用Prototype,要小心User跟你討論太多關於"細節"上的問題(例如字大一點,圖片靠右一點...),如果喜歡用Prototype也沒有說不行,看個人手法跟專案狀況。至於有沒有一定要區分Wireframe或Prototype,個人覺得那只是個過程,重點在"討論、溝通"這件事情而已bloggerhttps://www.blogger.com/profile/17038171301005366730noreply@blogger.com