เดินสาย เพิ่มสกิล | Sketch Meetup 2 - มาลองของชัดๆ

ก่อนอื่นต้องออกตัวก่อนว่า ไม่เคยใช้ Sketch มาก่อน แถมครั้งนี้ยังเป็นงาน Meetup ครั้งที่ 2 อีกต่างหาก เราจึงขอเรียกงานนี้ว่า "มาลองของ"



เริ่มที่ออกจาก Office แถวอารีย์เวลา 18.00 น. ด้วยรถของเพื่อน ทั้งๆ ที่ตั้งใจจะออกเร็วกว่านี้ 30 นาที แต่ก็ทำไม่ได้ ทำให้เราติดอยู่บนถนนเป็นเวลา 1 ชม. เต็ม ก็มาถึงปลายทาง... ที่จอดรถ MRT ลาดพร้าว

วิ่งค่ะ ณ จุดนี้ วิ่งเท่านั้น

... วิ่งไปซื้อตั๋ว MRT นะ ไม่ได้วิ่งจากสถานีลาดพร้าวไปสถานีศูนย์วัฒนธรรม (ฮา) พอโผล่ขึ้นมาบนดินก็วิ่งอีกค่ะ วิ่งไปเจอ Lift แรก ไม่มีชั้นที่ต้องการไป เอ่อม... วิ่งอ้อมจ้ะ อ๊ะ นั่นไง จุดลงทะเบียน ต้องแลกบัตรขึ้นตึกสินะ หยิบบัตรขึ้นมาเตรียมแลก

พนง.หญิงสาว 2 ท่าน : แลกไม่ได้แล้วค่ะ ปิดการลงทะเบียน (19.00) งานเริ่มไปประมาณครึ่งชั่วโมงแล้ว
เราเอง : ก้มดูนาฬิกา (~ 19.30) แล้วมองหน้าเค้า (เงียบ) มองหน้าเพื่อน (เงิบ)

ความตั้งใจจะมางานบวกกับความเหนื่อยที่วิ่งมา แล้วโดนคนปัดทิ้งไปต่อหน้าต่อตา มันเฟลมากกกก แต่! ระดับเราแล้ว เราจะไม่ยอมเสียเที่ยวโดยเด็ดขาด หยิบโทรศัพท์ขึ้นมาแล้ว chat หา @woraperth หนึ่งใน Organizer โดยพลัน เพื่อบอกว่า "เราขึ้นตึกไม่ได้" T^T (เรารู้ว่าเรามาสาย เราผิด แต่เราควรรู้ condition นี้ก่อนปะ จะได้ไม่เฟล ไม่เงิบ ด้วยความที่มางานนี้เป็นครั้งแรก ถ้าเกิดขึ้นตึกไม่ได้ จะรู้สึกแย่กับงานนี้มากเลยนะ = =")

ขณะที่ @woraperth ประสานงานกับคนดูแล และลงลิฟท์มารับเรา ก็มีผู้ร่วมงานอีก 5 ท่านที่เดินทางมาถึง แล้วเจอ พนง. หญิงสาว 2 ท่านนั้นที่บอกว่า แลกบัตรไม่ได้แล้ว เดินคอตกกลับไปแบบจ๋อยๆ... ถ้าเรารู้ว่า @woraperth สามารถพาขึ้นได้ เราจะบอกให้ทุกคนรอก่อน แต่ตอนนั้นเราก็บอกอะไรไม่ได้ เพราะยังไม่แน่ใจด้วยซ้ำว่าตัวเองจะขึ้นไปได้หรือเปล่า ขอโทษนะ T^T

หลังจากที่ @woraperth มารับเรากับเพื่อนขึ้นไปเข้าร่วมงานแล้ว ก็ดูเหมือนว่าจะมีคนประสานงานกับคนที่ดูแลเรื่องการแลกบัตรด้านล่างให้คนที่มาทีหลังเรายังขึ้นตึกได้ *ขอขอบพระคุณ* เรา feedback case นี้โดยทันที ซึ่ง "Organizer ก็ไม่รู้เรื่องข้อจำกัดนี้มาก่อนเช่นกัน" !!! ...เอ่อม
(หลังจบงาน พี่นน mp3wizard ได้ทำการแจ้ง case นี้กับ Staff ของทาง Kaidee ให้รับทราบแล้ว ถ้าครั้งหน้าจัดงานที่นี่อีก คงไม่เจอปัญหานี้แล้วล่ะ)

หลังจากเกิดปัญหาขึ้นตึกไม่ได้อยู่หลายนาที ขึ้นมาถึงก็ตอนที่เค้าเริ่ม Session ไปแล้วหน่อยนึง 

เค้ากำลังพูดกันถึงเรื่อง Plugin ต่างๆ
(แหล่งรวม : http://www.sketchpacks.com/)



Zeplin > https://zeplin.io/

  • เอาไว้ส่งงาน design ให้ dev โดยที่ dev ไม่ต้องมี sketch ในเครื่อง ทำให้ Designer และ Developer คุยกันได้ง่ายขึ้น เข้าใจกันมากขึ้น 
  • ใน Mac - download free ส่วน windows - ใช้งานผ่าน browser (free แค่ 1 project)
  • เป็น inspector บอกระยะได้
  • สามารถสร้าง guidelines ฟอนต์ที่ใช้ สีที่ใช้ และสามารถ export CSS files ออกมาให้เลยไม่ว่าจะเป็น less,scss และอื่นๆ
  • สั่ง export ได้ (เฉพาะ chrome, firefox) ถ้า pdf ก็เป็นรูปแบบ vector, ใช้ font ยี่ห้ออะไร (ไปขอไฟล์ font จาก designer เอานะ) ใช้สีอะไร จะ list บอกมาให้หมดเลย
  • สามารถ track ได้ + มี notification ว่า create เมื่อไหร่ ใครมาอัพเดทอะไรเมื่อไหร่
  • ถ้าสร้างโปรเจคเป็น android โปรแกรมจะทำการ สร้างไฟล์รูปขนาดต่างๆ ให้สำหรับงานแอพ android เลย

Craft by invision > http://www.invisionapp.com/craft

A free suite of tools for Sketch and PS that let you design with real data

เป็น Plugin set ที่เกี่ยวกับ Prototype (กำลังจะมาเร็วๆ นี้) Photos, Type, Duplicate, Styles

Free Photos > https://unsplash.com/ 

Free (do whatever you want) high-resolution photos. For 10 new photos every 10 days

Adobe Experience Design CC (Preview) > http://www.adobe.com/products/experience-design.html

เป็น product ของค่าย Adobe ที่เพิ่งออกมา
ช่วยให้นักออกแบบ UX สร้างแอพพลิเคชั่นและเว็บไซต์ได้ง่ายและเร็วขึ้น 

รายละเอียดเยอะๆ (ภาษาไทย) > อะโดบีเปิดตัวทดลอง “ADOBE XD” (ADOBE EXPERIENCE DESIGN CC) – เครื่องมือที่สร้างประสบการณ์ใหม่ให้กับนักออกแบบ

ปีนี้เป็นปีของ Prototype

[sharing session]

Make pixel perfect apps. Simply. > https://sympli.io/ 

  • คล้ายๆ กับ Zeplin แต่ดีกว่า ว้าวกว่า #เกทับกันงี้เลย
  • drag and drop ไฟล์จาก Sympli เข้า xcode ได้เลย

Mira > http://mirapp.io

แหล่งรวม Source > http://www.sketchappsources.com/ 

Magic Mirror 2 — http://magicmirror.design

Plugin for Perspective Transformation for Art-boards

หลังจากที่แชร์ความรู้ + Demo ให้ดูตลอดทางกันอย่างหนำใจแล้ว ทาง Organizer ก็ถามว่า ใครมางานนี้เป็นครั้งแรกบ้าง? ยกมือกันพรึบ! เกิน 80% (แต่คนที่มางานนี้ครั้งแรก ก็ไม่ได้ความว่าเค้าไม่เคยใช้ไม๊แบบเราไม๊ -o-) ทีนี้ก็เลยมี introduction to Sketch 101 แบบเร็วๆ ให้ดู
  • Page จะคลุม Art-board เราทำงานบน Art-board 
  • ข้อดีคือ ไม่ต้องสนใจ size หน้าจอ device ต่างๆ 
  • ถ้าทำงานบนเว็บจะ reload ใหม่ตลอด ที่มีการเปลี่ยนแปลงกับไฟล์
การแจกรางวัล Sketch license นอกจากจะแจกให้คนในงานที่ขึ้นมาแชร์ความรู้แล้ว ก็ยังมี แปะ lucky draw อยู่ใต้ที่นั่งสีฟ้า 1 ตัว ซึ่งน้องคนนี้ได้ไป



อีกวิธีคือ random จาก twitter รอบแรกมันขึ้นชื่อเราด้วยนะ แต่เราไม่ได้ เนื่องจากรู้จักกับ พี่ Lh @everysundays (กลัวโดนคำครหา เลยอด 55+) นี่ถ้าเลือกว่าใคร Spam #sketchth เยอะสุด เราได้แน่นอน รับรอง! >//<

ขอบคุณ พี่ปุ้ม พี่ตอง ที่ติด #teamparima นะคะ รักกกก <3





เราเองก็อยากได้นะ แต่ไม่รู้จะ tweet อะไรให้มีสาระแล้ว :3



สุดท้ายก็ random ไม่โดนพวกเราอยู่ดี 55+

License ที่เหลือ พี่ Lh @everysundays กล่าวออกไมค์ด้วยเสียงดังฟังชัดว่า

ให้กลับบ้านไปลง trial (30 วัน) ลองเล่น แล้วเขียนรีวิว ส่งมาภายใน 7 วัน ใครเขียนโดนใจ รับ license ไปเลย ย ย ย ย ย 

(คำตัดสินของกรรมการ ถือเป็นที่สิ้นสุดสินะ)

ถ้าจะมาวิธีนี้ก็ ได้สิ 7 วันใช่ไม๊ เราได้เจอกันแน่ Sketch !!! ว่าแต่ ทำอะไรดีล่ะ -..- ช่วยคิดหน่อยยยย (หลังจากเขียน Blog นี้เสร็จ ก็เหลือเวลาไม่ถึง 4 วันละ แง๊ TT____TT)


ภาพผู้ร่วมงานโดยตากล้อง Nopparid Ton Mokpradab
จากที่กล่าวไปตอนต้นว่า "มาลองของ" Blog นี้เนื้อหาอาจไม่ละเอียดเท่างานอื่น ขออภัย -/\-
** งานนี้มี Pizza, Coke กระป๋อง เลี้ยงนะฮะ แต่ไม่ได้กิน -*-

ขอขอบคุณ
  • สถานที่ Office Kaidee เวิ้งที่พวกเรานั่งกันมันคูลชะมัด มี Wifi ให้ด้วยนะ (ซึ่งขอ password จากพี่ปุ้มเอา)
  • ทีม Organizer ทุกคนที่จัดงานดีๆ ให้ทุกคนมาแชร์ความรู้กัน (ซึ่งความรู้นี้เป็นสิ่งใหม่มากสำหรับเรา)
  • พลังความสามารถในตัวของผู้ร่วมงานทุกคน ช่วยจุดไฟการเรียนรู้ให้เราได้ดีมาก :)
  • @woraperth อีกครั้งและอีกครั้ง ที่ช่วยพาเราขึ้นตึก (ขอโทษที่สร้างปัญหา T^T)
บทความที่ @woraperth แนะนำให้อ่านสำหรับมือใหม่
- [ภาษาไทย] Sketch 3 คือโปรแกรมสำหรับทำอะไร มีข้อดีข้อเสียอย่างไร http://www.designil.com/sketch-3-ui-design.html
- Sketch VS Photoshop - เปรียบเทียบ Sketch กับโปรแกรม Photoshop เหมือน/แตกต่างกันอย่างไร http://blog.mengto.com/sketch-vs-photoshop/
- Photoshop User: How to switch to Sketch - วิธีย้าย Asset จาก Photoshop มาใช้ Sketch http://blog.mengto.com/photoshop-users-how-to-switch-to-sketch/
- รวมฟีเจอร์ลับใน Sketch
• ตอนที่ 1: http://blog.mengto.com/the-best-hidden-features-in-sketch/
• ตอนที่ 2: http://blog.mengto.com/hidden-features-sketch-part-2/
- Sketch 3 มีอะไรใหม่บ้าง https://medium.com/amazing-article/4b92d8b25f3
กด Join Facebook Group ได้ที่นี่เลย https://www.facebook.com/groups/sketchuserthailand/

ก่อนจะแยกย้าย ขอภาพหมู่ YWC ค่ะ!





ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

ประสบการณ์ตรงกับการโดน Facebook บังคับเปลี่ยนชื่อ ทำอะไรไม่ได้นอกจาก "รอ"

น้องนีโม่ กับ โรคฉี่หอม

สองชั่วโมง สองที่เที่ยว ด้วย เรือหางยาว เจ้าพระยา