Enviar pesquisa
Carregar
UX / UI สำหรับเว็บไทย
•
33 gostaram
•
9,446 visualizações
Menn Studio
Seguir
พื้นฐานการออกแบบ, ความรู้ด้าน UX / UI โดยเฉพาะสำหรับเว็บไซต์ภาษาไทย
Leia menos
Leia mais
Design
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 37
Baixar agora
Baixar para ler offline
Recomendados
การทดสอบส่วนติดต่อผู้ใช้งาน (User Interface Testing)
การทดสอบส่วนติดต่อผู้ใช้งาน (User Interface Testing)
Dr.Kridsanapong Lertbumroongchai
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
Dr.Kridsanapong Lertbumroongchai
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
Dr.Kridsanapong Lertbumroongchai
User Experience UX Design (Thai mixed with English)
User Experience UX Design (Thai mixed with English)
Mayuree Srikulwong
การออกแบบ UX UI สำหรับโมบายแอพพลิเคชั่น (UI UX DESIGN FOR MOBILE APP)
การออกแบบ UX UI สำหรับโมบายแอพพลิเคชั่น (UI UX DESIGN FOR MOBILE APP)
Dr.Kridsanapong Lertbumroongchai
Digital Innovative Thinking and Coding
Digital Innovative Thinking and Coding
Mayuree Srikulwong
ประสบการณ์ผู้ใช้ / ส่วนต่อประสานงานกับผู้ใช้ / ปฏิสัมพันธ์ / การตอบสนอง (UX /...
ประสบการณ์ผู้ใช้ / ส่วนต่อประสานงานกับผู้ใช้ / ปฏิสัมพันธ์ / การตอบสนอง (UX /...
Dr.Kridsanapong Lertbumroongchai
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับงานไมซ์ (Virtual Reality and Metavers...
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับงานไมซ์ (Virtual Reality and Metavers...
Dr.Kridsanapong Lertbumroongchai
Mais conteúdo relacionado
Mais procurados
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
Dr.Kridsanapong Lertbumroongchai
Introduction to UI UX
Introduction to UI UX
GDSCUniversitasMatan
การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)
Dr.Kridsanapong Lertbumroongchai
UI vs UX workshop
UI vs UX workshop
Inova LLC
การใช้งานระบบปฏิสัมพันธ์ทางคอมพิวเตอร์ (Using Computer Interaction Systems)
การใช้งานระบบปฏิสัมพันธ์ทางคอมพิวเตอร์ (Using Computer Interaction Systems)
Dr.Kridsanapong Lertbumroongchai
ระบบปฏิสัมพันธ์ในกระบวนการพัฒนาซอฟต์แวร์ (Interaction System in Software Deve...
ระบบปฏิสัมพันธ์ในกระบวนการพัฒนาซอฟต์แวร์ (Interaction System in Software Deve...
Dr.Kridsanapong Lertbumroongchai
UI / UX Design Processes
UI / UX Design Processes
Muhammad Hijazi
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
Dr.Kridsanapong Lertbumroongchai
ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์ (Human Computer Interaction)
ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์ (Human Computer Interaction)
Dr.Kridsanapong Lertbumroongchai
อัตลักษณ์องค์กร (Corporate Identity: C.I.)
อัตลักษณ์องค์กร (Corporate Identity: C.I.)
Dr.Kridsanapong Lertbumroongchai
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
Dr.Kridsanapong Lertbumroongchai
Gifographic
Gifographic
smittichai chaiyawong
หลักพื้นฐานของการออกแบบระบบปฏิสัมพันธ์ (Basic Principle of Interacion)
หลักพื้นฐานของการออกแบบระบบปฏิสัมพันธ์ (Basic Principle of Interacion)
Dr.Kridsanapong Lertbumroongchai
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
Dr.Kridsanapong Lertbumroongchai
Professional Experience Portfolio Resume Email
Professional Experience Portfolio Resume Email
Dr.Kridsanapong Lertbumroongchai
What is UX?
What is UX?
David Carr
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
Dr.Kridsanapong Lertbumroongchai
Digital Disruption กับการเปลี่ยนแปลงยุค Next Normal
Digital Disruption กับการเปลี่ยนแปลงยุค Next Normal
Dr.Kridsanapong Lertbumroongchai
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Anna Dahlström
การออกแบบระบบและการออกแบบยูสเซอร์อินเตอร์เฟซ
การออกแบบระบบและการออกแบบยูสเซอร์อินเตอร์เฟซ
CC Nakhon Pathom Rajabhat University
Mais procurados
(20)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
Introduction to UI UX
Introduction to UI UX
การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)
UI vs UX workshop
UI vs UX workshop
การใช้งานระบบปฏิสัมพันธ์ทางคอมพิวเตอร์ (Using Computer Interaction Systems)
การใช้งานระบบปฏิสัมพันธ์ทางคอมพิวเตอร์ (Using Computer Interaction Systems)
ระบบปฏิสัมพันธ์ในกระบวนการพัฒนาซอฟต์แวร์ (Interaction System in Software Deve...
ระบบปฏิสัมพันธ์ในกระบวนการพัฒนาซอฟต์แวร์ (Interaction System in Software Deve...
UI / UX Design Processes
UI / UX Design Processes
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์ (Human Computer Interaction)
ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์ (Human Computer Interaction)
อัตลักษณ์องค์กร (Corporate Identity: C.I.)
อัตลักษณ์องค์กร (Corporate Identity: C.I.)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
Gifographic
Gifographic
หลักพื้นฐานของการออกแบบระบบปฏิสัมพันธ์ (Basic Principle of Interacion)
หลักพื้นฐานของการออกแบบระบบปฏิสัมพันธ์ (Basic Principle of Interacion)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
Professional Experience Portfolio Resume Email
Professional Experience Portfolio Resume Email
What is UX?
What is UX?
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
Digital Disruption กับการเปลี่ยนแปลงยุค Next Normal
Digital Disruption กับการเปลี่ยนแปลงยุค Next Normal
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
การออกแบบระบบและการออกแบบยูสเซอร์อินเตอร์เฟซ
การออกแบบระบบและการออกแบบยูสเซอร์อินเตอร์เฟซ
Semelhante a UX / UI สำหรับเว็บไทย
Presentation powerpoint(การนำเสนอ)คอม
Presentation powerpoint(การนำเสนอ)คอม
luckana9
Presentation powerpoint
Presentation powerpoint
suwanna5
Presentation powerpoint
Presentation powerpoint
nuting
Presentation powerpoint
Presentation powerpoint
วิทยาลัยพยาบาลบรมราชชนนี นพรัตน์วชิระ
Presentation powerpoint
Presentation powerpoint
sommabat
Presentation powerpoint
Presentation powerpoint
chaimoung
Presentation powerpoint
Presentation powerpoint
phuttarak
Presentation powerpoint
Presentation powerpoint
plernlypim
Presentation powerpoint
Presentation powerpoint
rawikan
Presentation powerpoint
Presentation powerpoint
ae2201
Presentation powerpoint
Presentation powerpoint
car_net
Creating Thai WordPress Themes in 2017
Creating Thai WordPress Themes in 2017
SeedThemes
User experience design
User experience design
Manthana Kongklang
User experience design
User experience design
Manthana Kongklang
Presentation powerpoint
Presentation powerpoint
kulyawee
Pr by nitiya
Pr by nitiya
KKU Library
แผนFlashหน่วย1
แผนFlashหน่วย1
Junya Punngam
ความหมายและความสำคัญของโครงงานคอมพิวเตอร์
ความหมายและความสำคัญของโครงงานคอมพิวเตอร์
Chatchaphun Sent Work
Prodesktop
Prodesktop
krutang2151
Semelhante a UX / UI สำหรับเว็บไทย
(19)
Presentation powerpoint(การนำเสนอ)คอม
Presentation powerpoint(การนำเสนอ)คอม
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Presentation powerpoint
Creating Thai WordPress Themes in 2017
Creating Thai WordPress Themes in 2017
User experience design
User experience design
User experience design
User experience design
Presentation powerpoint
Presentation powerpoint
Pr by nitiya
Pr by nitiya
แผนFlashหน่วย1
แผนFlashหน่วย1
ความหมายและความสำคัญของโครงงานคอมพิวเตอร์
ความหมายและความสำคัญของโครงงานคอมพิวเตอร์
Prodesktop
Prodesktop
UX / UI สำหรับเว็บไทย
1.
เม่น @MennStudio • @SeedThemes UX/UI สําหรับเว็บไทย
2.
ทําเว็บ 12 ปี ครูอาสาฯ ไอทีวัลเลย์แม่ฮ่องสอน เม่น 2
3.
SeedThemes.com WordPress Theme
Marketplace Flipped Classroom MUSE Foundation Co-living Space เม่น Pai • Maehongson • Thailand
4.
การออกแบบ
5.
การออกแบบ การแก้ปัญหา คือ
6.
การแก้ปัญหา คือ การออกแบบ ที่ดี
7.
การออกแบบ การแก้ปัญหา คือ ที่ดี ที่ยาก
8.
การออกแบบ คือ ที่ดี และแพง การแก้ปัญหา ที่ยาก
9.
การออกแบบ การแก้ปัญหา คือ ที่ดี ที่ยาก และแพง ให้กับคนจํานวนมาก
10.
UX / UI
11.
UX / UI สวย USER
INTERFACE
12.
UX / UI สวย USER
INTERFACEUSER EXPERIENCE เวิร์ค
13.
สวย แต่ ไม่เวิร์ค
14.
ไม่สวย แต่ เวิร์ค
15.
UI / สวย UX
/ เวิร์ค “รู้ว่าอยากได้อะไร อย่างไร ยิ่งใช้ยิ่งชอบ” “ประทับใจในแรกพบ”
16.
ดีไซน์ สถิติ UI / สวย UX
/ เวิร์ค “รู้ว่าอยากได้อะไร อย่างไร ยิ่งใช้ยิ่งชอบ” “ประทับใจในแรกพบ”
18.
UI UX ผลลัพธ์ กระบวนการ
19.
UI DESIGN
20.
Skeuomorphic vs Flat จําลองจากของจริงที่จับต้องได้ (มีข้อจำกัดในการโต้ตอบ เช่น
กดได้อย่างเดียว) สร้างจักรวาลใหม่ (โต้ตอบได้หลากหลายเช่น กดแช่/ปาดซ้ายขวา)
21.
Almost Flat Material Apple /
iOS (ไม่มีชื่อเรียกเป็นทางการ) Google / Android (มีชื่อเรียกเป็นทางการ)
22.
UX DESIGN
23.
Data / Information
ก็เหมือนถ้อยคำของหญิงสาว แม้จะพูดว่าต้องการอะไร แต่ Insight จริงๆ อาจจะไม่ใช่ก็ได้
25.
ที่มา: http://impatientdesigner.com/what-exactly-is-ux-design
26.
WIREFRAME / พิมพ์เขียว ช่วยในการสรุปประเด็นของการออกแบบ ที่มา:
http://marketingyourwebshop.webnode.nl/what-are-wireframes/
27.
ที่มา: https://dribbble.com/shots/861429-Wireflow
28.
ตัวอย่าง Wireframe แบบเพิ่มรายละเอียด
29.
เว็บไทย/ภาษาไทย มีข้อจํากัดอย่างไร?
30.
แบบอักษรไม่มีหัว แบบอักษรมีหัว SERIF / SANS
SERIF ประเภทของตัวอักษร ข้อความต้องสามารถอ่านได้ง่าย
31.
การตัดคํา หัวข้อมักมีขนาดยาว คอลัมน์ควรกว้างพอสมควร
32.
สระ วรรณยุกต์ ต้องมี line-height
อย่างน้อย 1.5-1.6
33.
รก? การออกแบบเหมือนการปรุงอาหาร คนไทยชอบเครื่องปรุงเยอะๆ
34.
สื่อสารทางเดียว? เว็บไทยมักชินกับการพูดฝ่ายเดียว ควรปรับปรุง
35.
ผู้ใช้ 2 ประเภท รู้ว่าตนเองต้องการอะไร: ไม่รู้ว่าตนเองต้องการอะไร: ก่อให้เกิด
UI 2 แบบ Search / เข้า Google Browse / เข้า Facebook
36.
DESIGN PATTERN http://www.awwwards.com/6-web-design-trends-you-must-know-for-2015-2016.html http://gotgroove.com/ecommerce-blog/7-top-ui-design-trends-2015-beyond/ อยากได้ตัวอย่างงานออกแบบ ค้นคําว่า
web design inspriation อยากได้ตัวอย่าง ui ค้นคําว่า ui pattern แล้วเพิ่มคีย์เวิร์ดประเภทงานที่ต้องการ เช่น Hotel, Form ฯลฯ
37.
UX/UI สําหรับเว็บไทย เม่น @MennStudio • @SeedThemes
Baixar agora