Search
#專題成果
從零打造專屬毛小孩吃喝拉撒睡的電商平台，
TibaMe前端班學員花12週做到了！
Web/App前端設計工程師養成班的七位學員，
花費三個月團體專題製作：
「樂寵（Love Pet）寵物渡假村」
學員想打造出一座專屬毛小來的寵物渡假村，
讓寵物與主人一同締造共融樂園。
點我去看 👉 https://bit.ly/2VS8VdG
⠀⠀
一步步從擬定主題、撰寫故事、驗收測試，
到撰寫使用案例圖、活動圖、類別圖，
繪製Wireframe、Mockup，最終進入專案開發。
⠀⠀
使用相關前端、後端、資料庫，
學員有7成以上非相關科系背景，
在養成班從零基礎開始奠基相關知識，
搭配專案實作，證明自己的能力，
面試時不再是紙上談兵！
⠀⠀
完整專案介紹👇
https://blog.tibame.com/?p=19534
⠀⠀
#就業養成班 #TibaMe #Web_App前端設計工程師
🚀 จะดีกว่าไหม .. ถ้าเราสามารถทดสอบไอเดียของเราได้ โดยไม่ต้องลงทุนสร้างเว็บ หรือ แอปตั้งแต่เริ่มต้น !!
.
วันนี้แอดจะมาแนะนำโปรแกรม Adobe XD โปรแกรมที่ช่วยให้เราออกแบบ UI และ ทดสอบ UX ได้ง่าย ๆ ในไม่กี่ชั่วโมง !
.
แต่ถ้าพูดถึง Adobe หลายคนคงพูดเป็นเสียงเดียวกันว่าาา
.
🔥 "แหนะะะ !! เสียตังอีกแน่เลยยย"
.
"เดี๋ยวก่อนนนน โปรแกรมนี้ใช้แบบเบื้องต้นฟรี ไม่จำกัดเวลาด้วยนะ จะเสียเงินก็แค่ถ้าเราทำหลาย ๆ โปรเจคแล้วต้องการแชร์กับเพื่อน ๆ เท่านั้น 😍"
.
อะ .. แล้วถ้าถามว่าดียังไงอีกเดี๋ยวแอดจะเล่าให้ฟัง
.
✅ เริ่มจากข้อแรกก็คือ เครื่องมือพร้อม ส่วนเสริมเพียบบบ !
.
ทำให้เราสามารถออกแบบหน้าตาแอปตั้งแต่เบสิคจัด ๆ (อารมณ์ Wireframe พวกขีด ๆ บนกระดาษ) ในไม่กี่นาที จนถึง ทำหน้าตาเป็นแบบ Prototype จริง ๆ ที่คลิกได้ หน้าตาแบบเดียวกับแอปที่ใช้งานเลยย
.
✅ ข้อสองคือออ มันแชร์ให้เพื่อน หรือ ให้ Dev ไปทำต่อได้ง่ายมากก
.
เพราะเวลาบางทีเราออกแบบไปทดสอบมาแล้ว ไม่ว่าจะสี ไอคอน รูปภาพต่าง ๆ ปกติก็ต้องมานั่งทวงกับนักออกแบบเสมอ
.
"เฮ้ยย พี่ ส่งสีที่ใช้จริง ๆ มาหน่อย"
.
"เฮ้ยยย พี่ ภาพที่ใช้ประกอบอยู่ตรงไหนนะ ?"
.
จนถึงแบบ "เฮ้ยยยยย พี่ ตรงนี้มันเว้นห่างกันเท่าไหร่นะ ?"
.
เนื่องจากเจ้าตัวนี้มีกลุ่มของสี Font และ ภาพที่ใช้ทั้งหมดไว้เลย <3
.
✅ ส่วนข้อสามก็คือ มันมีคนใช้งานจริง ๆ ระดับ Production ทั่วโลกจ้า ไม่เหงา แน่ ๆ เพราะมีเพื่อนแชร์ไอเดียอัพเดตกันเพียบบบบ
.
เอาจริง ๆ ข้อดีแอดว่ามีอีกเพียบแหละ ไม่ว่าจะใครที่อยากลุยสาย UX/UI Designer ตรง ๆ หรือ ใครที่อยากจะอัพสกิลเพื่อไปเพิ่มกับสิ่งที่มี
.
ไม่ว่าคนที่เป็น Mobile App Developer อยู่แล้ว จนถึงคนทำ Front-End Dev ที่ยุ่งกับหน้าตาเป็นหลัก เอาเป็นว่าถ้าใครมีเวลาลองไปศึกษาดูกันได้เลย
.
แต่ แต่ ! แต่ !! ถ้าใครไม่มีเวลา และ ต้องการเรียนรู้แบบไว ๆ แอดขอแนะนำ (เข้าสู่ช่วงโฆษณาใน 3 2 1 ...)
.
🔥 โปรโมชันสำหรับสาย UX/UI ที่ครอบคลุมทั้ง Adobe XD และ Figma ในแพคเกจเดียว
.
🏆 จัดเต็มกว่า 172 ตอน เรียนเพลิน ๆ เนื้อ ๆ เน้น ๆ เพราะเราตัดทุกสิ่งที่ไม่จำเป็นออกให้แล้ว เหมาะมาก ๆ กับ ผู้ที่มีเวลาน้อยแต่อยากอัพสกิลในเวลาอันรวดเร็ว
.
"เริ่มต้นแบบแน่น ๆ เน้น ๆ ไม่ต้องกังวลเรื่องพื้นฐาน ขอแค่คุณใช้งานคอมพิวเตอร์ และ อินเทอร์เน็ตเป็น (ในระดับที่ลงโปรแกรมเองได้ แก้ไขปัญหาเบื้องต้นเป็น)"
.
"หรือ ถ้าเรามีพื้นฐานใช้คอมแน่นอยู่แล้ว ทำงานสายไอทีอยู่แล้ว ยิ่งต้องมา เพราะสกิลนี้จะช่วยให้เราอัพเกรดคุณภาพงาน และ เงินเดือนเราได้สูงขึ้นน !!"
.
📱 เรียนซ้ำได้ไม่อั้นไม่จำกัดระยะเวลาอีกด้วย สนใจสามารถลงทะเบียนผ่านระบบออนไลน์ได้เลยที่นี่
.
>> https://www.borntodev.com/product/ux-ui-package/
(จากปกติ 6,580 .- ลดเหลือเพียง 3,990 .- เท่านั้น) ❤
.
ไม่ใช่แค่นั้น สำหรับใครที่มีบัตรเครดิตที่ร่วมรายการสามารถผ่อนสบาย ๆ 0% 10 เดือน ชิล ๆ เพียงเดือนละ 399 บาท ไม่มีบวกเพิ่ม :D
.
"อย่ารอช้าา โปรเด็ดขนาดนี้ ไม่ลงเรียนไม่ได้แล้วววว 🔥"
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
非常高興收到學員的來信，跟我聊她上完課後的工作情況。
我對於各位學員你們目前的工作情況十分好奇，不知道來上過課的你們能不能跟我聊聊呢？
希望我的課程對你們有幫助。
以下是徵得同意放出來的信件內容。
———
Akane老師好～
我是在今年8月的時候上了您開的ui課，那時候就覺得收穫良多。但因為最近發生的一些事情，讓我真的很想寫信感謝老師!!!!
- 前情提要 -
我們Team算是新創團隊，人力配置是2個app工程師，4個後端工程師，1個資深UI一個視覺設計師，一個我(junior ui)以及行銷們。
在一個沒有專職PM又有許多喜歡亂加需求的上頭的狀況下，我們設計Team其實一直都是接到爛芭樂一樣的wireframe，多虧有了資深的同事會去壓(ㄅㄧ）著（ㄨㄣˋ）負責人細部的需求跟spec，然後我再的把拿到的文件整理成有邏輯的樣子，方便之後大家討論跟對稿，回想起那段日子也真的是腥風血雨。
-正式開始-
這個月我們開始全力趕工官網重製這個需求，其實原本可以不必這麼趕的，但擔當ＰＭ腳色的同事實在拖了太多時間，又畫出了爛芭樂的wireframe。時間緊迫，wireframe不能用，又沒有前端的我們到底該怎麼做--資深ui得趕稿，視覺不懂wireframe，RD們只能弄出爛芭樂，那只好讓一個沒有和PM真正合作過的junior ui上囉，恩所以我現在就成了一個ＰＭ的腳色⋯⋯
到這邊就真的很感謝老師在課堂上分享教授的一切，真的非常非常的受用！不僅僅是思考方式，和邏輯，課堂上學到知識也讓我在一定程度上有很大的底氣去和同事們討（ㄔㄠˇ）論（ㄐㄧㄚˋ）跟整理需求。在撰寫spec的時候也是會一直回去翻教材和老師的部落格，逼自己不斷的觀察、思考、整理，在這過程中也把所學內化的更深！雖然不敢說能完成的十全十美，但至少目前所完成的部分都是經過仔細思考、簡單的使用者盲測和合乎邏輯的，讓UI可以比較順利的產出頁面。（也才能拿去給外包ＲＤ看阿啊，原本的wireframe真的內部人員都會看不懂了ＬＯＬ）
綜上所述，真的很謝謝老師的一切分享！我其實發瞜了老師超級久，從大四到現在，直到今年才下(錢）定（包）決（給）心（力）的上了老師的課！也很慶幸自己去上課，讓自己可以抓住機會，徹底的實踐了所學，真的真的很謝謝老師！！各種的獲益良多！
——
真希望UI 和 UX課的學員都願意傳訊跟我說說現在的工作狀況啊～
等你喔！
一系列由零開始，設計網站教學，推出啦！
第一集先講講，設計流程，分工，以及 Wireframe 的技功分享
支持請 like & share
加入 Facebook Group 一齊傾設計 : http://goo.gl/Z4hfdf
留意最新資訊 : http://facebook.com/hktuto
wireframe app 在 160 Best App Wireframe ideas - Pinterest 的推薦與評價
Jun 27, 2013 - Explore P's board "App Wireframe ", followed by 134 people on Pinterest. See more ideas about wireframe, app wireframe, wireframe design. ... <看更多>