Enviar búsqueda
Cargar
那些年,我們曾經做過的wireframe、mockup、prototype
•
Descargar como PPTX, PDF
•
5 recomendaciones
•
3,021 vistas
洧杰 廖
Seguir
Diseño
Denunciar
Compartir
Denunciar
Compartir
1 de 24
Descargar ahora
Recomendados
那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013
Adam Wang
無名小站首頁改版 - 漸進增強與CSS3 (Wretch and Progressive Enhancement)
無名小站首頁改版 - 漸進增強與CSS3 (Wretch and Progressive Enhancement)
Adam Wang
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
悠識學院
Vertical rhythm
Vertical rhythm
洧杰 廖
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
Kuro Hsu
如何逐步提升CSS的可利用性、模組化
如何逐步提升CSS的可利用性、模組化
洧杰 廖
高雄前端社群 Web 開發讀書會 - 網頁設計規劃
高雄前端社群 Web 開發讀書會 - 網頁設計規劃
Chih-cheng Wang
現代化網頁基礎排版技術
現代化網頁基礎排版技術
洧杰 廖
Recomendados
那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013
Adam Wang
無名小站首頁改版 - 漸進增強與CSS3 (Wretch and Progressive Enhancement)
無名小站首頁改版 - 漸進增強與CSS3 (Wretch and Progressive Enhancement)
Adam Wang
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
悠識學院
Vertical rhythm
Vertical rhythm
洧杰 廖
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
Kuro Hsu
如何逐步提升CSS的可利用性、模組化
如何逐步提升CSS的可利用性、模組化
洧杰 廖
高雄前端社群 Web 開發讀書會 - 網頁設計規劃
高雄前端社群 Web 開發讀書會 - 網頁設計規劃
Chih-cheng Wang
現代化網頁基礎排版技術
現代化網頁基礎排版技術
洧杰 廖
一拳前端考題
一拳前端考題
洧杰 廖
前端開發流程分享
前端開發流程分享
洧杰 廖
Sass-Front-End Developers Taiwan Party - 5
Sass-Front-End Developers Taiwan Party - 5
洧杰 廖
Gulp.js 自動化前端任務流程
Gulp.js 自動化前端任務流程
洧杰 廖
自從學會Sass / Compass後,考試都考100分!
自從學會Sass / Compass後,考試都考100分!
洧杰 廖
Show Me The Page - 介紹 Critical rendering path
Show Me The Page - 介紹 Critical rendering path
Yvonne Yu
CP 值很高的 Gulp
CP 值很高的 Gulp
Yvonne Yu
Sass&rwd前端版型架構規劃
Sass&rwd前端版型架構規劃
洧杰 廖
Vuejs testing
Vuejs testing
Greg TAPPERO
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
Kuro Hsu
web-frontend-overview
web-frontend-overview
otakustay
高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程
Souyi Yang
HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程
Souyi Yang
成大心理系-Prototyping方法
成大心理系-Prototyping方法
Souyi Yang
Digital product design process
Digital product design process
peiyuhuang5
Drupal Camp Taipei Keynote
Drupal Camp Taipei Keynote
John Albin Wilkins
[DCTPE2011] 3) 主題演講:用Drupal 打造更美好的網際網路
[DCTPE2011] 3) 主題演講:用Drupal 打造更美好的網際網路
Drupal Taiwan
6.twitter bootstrap 元件介紹
6.twitter bootstrap 元件介紹
Nelson Chen
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
Drupal Taiwan
NPO 網站改造觀摩賽 - Day 3 - 評審 Richard Tsai 講評
NPO 網站改造觀摩賽 - Day 3 - 評審 Richard Tsai 講評
Charles Chuang
你有想過畢業九年後的你會變什麼樣子嗎?
你有想過畢業九年後的你會變什麼樣子嗎?
Mu Chun Wang
軟體開發之路甘苦談(Gelis)
軟體開發之路甘苦談(Gelis)
Gelis Wu
Más contenido relacionado
Destacado
一拳前端考題
一拳前端考題
洧杰 廖
前端開發流程分享
前端開發流程分享
洧杰 廖
Sass-Front-End Developers Taiwan Party - 5
Sass-Front-End Developers Taiwan Party - 5
洧杰 廖
Gulp.js 自動化前端任務流程
Gulp.js 自動化前端任務流程
洧杰 廖
自從學會Sass / Compass後,考試都考100分!
自從學會Sass / Compass後,考試都考100分!
洧杰 廖
Show Me The Page - 介紹 Critical rendering path
Show Me The Page - 介紹 Critical rendering path
Yvonne Yu
CP 值很高的 Gulp
CP 值很高的 Gulp
Yvonne Yu
Sass&rwd前端版型架構規劃
Sass&rwd前端版型架構規劃
洧杰 廖
Vuejs testing
Vuejs testing
Greg TAPPERO
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
Kuro Hsu
Destacado
(10)
一拳前端考題
一拳前端考題
前端開發流程分享
前端開發流程分享
Sass-Front-End Developers Taiwan Party - 5
Sass-Front-End Developers Taiwan Party - 5
Gulp.js 自動化前端任務流程
Gulp.js 自動化前端任務流程
自從學會Sass / Compass後,考試都考100分!
自從學會Sass / Compass後,考試都考100分!
Show Me The Page - 介紹 Critical rendering path
Show Me The Page - 介紹 Critical rendering path
CP 值很高的 Gulp
CP 值很高的 Gulp
Sass&rwd前端版型架構規劃
Sass&rwd前端版型架構規劃
Vuejs testing
Vuejs testing
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
Similar a 那些年,我們曾經做過的wireframe、mockup、prototype
web-frontend-overview
web-frontend-overview
otakustay
高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程
Souyi Yang
HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程
Souyi Yang
成大心理系-Prototyping方法
成大心理系-Prototyping方法
Souyi Yang
Digital product design process
Digital product design process
peiyuhuang5
Drupal Camp Taipei Keynote
Drupal Camp Taipei Keynote
John Albin Wilkins
[DCTPE2011] 3) 主題演講:用Drupal 打造更美好的網際網路
[DCTPE2011] 3) 主題演講:用Drupal 打造更美好的網際網路
Drupal Taiwan
6.twitter bootstrap 元件介紹
6.twitter bootstrap 元件介紹
Nelson Chen
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
Drupal Taiwan
NPO 網站改造觀摩賽 - Day 3 - 評審 Richard Tsai 講評
NPO 網站改造觀摩賽 - Day 3 - 評審 Richard Tsai 講評
Charles Chuang
你有想過畢業九年後的你會變什麼樣子嗎?
你有想過畢業九年後的你會變什麼樣子嗎?
Mu Chun Wang
軟體開發之路甘苦談(Gelis)
軟體開發之路甘苦談(Gelis)
Gelis Wu
HP39活動簡介
HP39活動簡介
悠識學院
History of share
History of share
aido Cho
數學系的資訊人生
數學系的資訊人生
Jintin Lin
HPX_HP25_專案管理:如何言之有物
HPX_HP25_專案管理:如何言之有物
Anderson Wu, PMP, CSM, 吳明展
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
Justin Lee
優秀的網站該具備什麼內容 - 超人教你做網站 #1
優秀的網站該具備什麼內容 - 超人教你做網站 #1
Asika Simon
Firefox Mobile: Designing Ideas
Firefox Mobile: Designing Ideas
Bob Chao
HP48 活動簡介
HP48 活動簡介
悠識學院
Similar a 那些年,我們曾經做過的wireframe、mockup、prototype
(20)
web-frontend-overview
web-frontend-overview
高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程
成大心理系-Prototyping方法
成大心理系-Prototyping方法
Digital product design process
Digital product design process
Drupal Camp Taipei Keynote
Drupal Camp Taipei Keynote
[DCTPE2011] 3) 主題演講:用Drupal 打造更美好的網際網路
[DCTPE2011] 3) 主題演講:用Drupal 打造更美好的網際網路
6.twitter bootstrap 元件介紹
6.twitter bootstrap 元件介紹
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
NPO 網站改造觀摩賽 - Day 3 - 評審 Richard Tsai 講評
NPO 網站改造觀摩賽 - Day 3 - 評審 Richard Tsai 講評
你有想過畢業九年後的你會變什麼樣子嗎?
你有想過畢業九年後的你會變什麼樣子嗎?
軟體開發之路甘苦談(Gelis)
軟體開發之路甘苦談(Gelis)
HP39活動簡介
HP39活動簡介
History of share
History of share
數學系的資訊人生
數學系的資訊人生
HPX_HP25_專案管理:如何言之有物
HPX_HP25_專案管理:如何言之有物
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
優秀的網站該具備什麼內容 - 超人教你做網站 #1
優秀的網站該具備什麼內容 - 超人教你做網站 #1
Firefox Mobile: Designing Ideas
Firefox Mobile: Designing Ideas
HP48 活動簡介
HP48 活動簡介
那些年,我們曾經做過的wireframe、mockup、prototype
1.
那些年,我們曾經做過的 wireframe、mockup、prototype
2.
廖洧杰 • 前端工程師/5y • 熱愛HTML
& CSS • 2013年創辦高雄前端
3.
參與職業分布 其他 12% 學生 13% 後端工程師 10% 平面設計、前端 設計、網頁設計 65%
4.
歷年聚會參與共238位(2012/11~2014/3) 一次以上 30% 二次以上 70%
5.
自我介紹
6.
自我介紹 • 姓名/職稱/背景 • 今年你想精進的方向?(前端、後端、UI…) •
從哪裡知道這個社群?
7.
分享主題
8.
9.
語意介紹 • Wireframe =
線框稿:不能操作、靜態 • Mockup =漂亮的畫面: 不能操作、靜態 • Prototype = 可操作、會動的畫面
10.
wireframe From:http://boagworld.com/design/the-7-wonders-of-wireframes/ http://www.wirify.com/support/user-guide/
11.
Mockup From: http://www.wirify.com/about/wirify-overview-and-why/
12.
Prototype - Axure
RP From: http://www.wirify.com/about/wirify-overview-and-why/
13.
Prototype – web
prototype From: http://www.wirify.com/about/wirify-overview-and-why/
14.
個案分享(1)
15.
公司流程 企劃 視覺 前端 整理客戶需求 設計wireframe mockup me
16.
客戶鬼打牆死迴圈ing.. 企劃 視覺 前端 me
17.
有一天老闆對我說.. 公司人手不夠 XX專案的PM就讓 你來當了
18.
整體流程 需求訪談 網站系統規劃 wireframe 美術設計 mockup 後端系統 backend 報價 功能規格書
19.
需求訪談 • 信眾一直打來問寺廟活動 • 照片、墨寶索取率高 •
舊網站資料不足、瀏覽器兼容性不高
20.
網站系統規劃 • 規劃網站架構:xmind • Wireframe:word
21.
功能規格書 • Demo
22.
美術設計Mockup • Demo
23.
目前瓶頸 • Flash換成js動畫輪播 • RWD使用必要性
24.
其他案例
Descargar ahora