Suche senden
Hochladen
UX / UI สำหรับเว็บไทย
•
33 gefällt mir
•
9,460 views
Menn Studio
Folgen
พื้นฐานการออกแบบ, ความรู้ด้าน UX / UI โดยเฉพาะสำหรับเว็บไซต์ภาษาไทย
Weniger lesen
Mehr lesen
Design
Melden
Teilen
Melden
Teilen
1 von 37
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (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
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
Dr.Kridsanapong Lertbumroongchai
การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)
Dr.Kridsanapong Lertbumroongchai
การออกแบบ UX UI สำหรับโมบายแอพพลิเคชั่น (UI UX DESIGN FOR MOBILE APP)
การออกแบบ UX UI สำหรับโมบายแอพพลิเคชั่น (UI UX DESIGN FOR MOBILE APP)
Dr.Kridsanapong Lertbumroongchai
ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)
ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)
Dr.Kridsanapong Lertbumroongchai
การออกแบบแอพพลิเคชั่นด้วย Adobe XD
การออกแบบแอพพลิเคชั่นด้วย Adobe XD
Dr.Kridsanapong Lertbumroongchai
อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)
อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)
Dr.Kridsanapong Lertbumroongchai
Empfohlen
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (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
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
Dr.Kridsanapong Lertbumroongchai
การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)
Dr.Kridsanapong Lertbumroongchai
การออกแบบ UX UI สำหรับโมบายแอพพลิเคชั่น (UI UX DESIGN FOR MOBILE APP)
การออกแบบ UX UI สำหรับโมบายแอพพลิเคชั่น (UI UX DESIGN FOR MOBILE APP)
Dr.Kridsanapong Lertbumroongchai
ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)
ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)
Dr.Kridsanapong Lertbumroongchai
การออกแบบแอพพลิเคชั่นด้วย Adobe XD
การออกแบบแอพพลิเคชั่นด้วย Adobe XD
Dr.Kridsanapong Lertbumroongchai
อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)
อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)
Dr.Kridsanapong Lertbumroongchai
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
Dr.Kridsanapong Lertbumroongchai
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
Dr.Kridsanapong Lertbumroongchai
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
Dr.Kridsanapong Lertbumroongchai
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
Dr.Kridsanapong Lertbumroongchai
ระบบปฏิสัมพันธ์ในกระบวนการพัฒนาซอฟต์แวร์ (Interaction System in Software Deve...
ระบบปฏิสัมพันธ์ในกระบวนการพัฒนาซอฟต์แวร์ (Interaction System in Software Deve...
Dr.Kridsanapong Lertbumroongchai
หลักพื้นฐานของการออกแบบระบบปฏิสัมพันธ์ (Basic Principle of Interacion)
หลักพื้นฐานของการออกแบบระบบปฏิสัมพันธ์ (Basic Principle of Interacion)
Dr.Kridsanapong Lertbumroongchai
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
Dr.Kridsanapong Lertbumroongchai
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
Dr.Kridsanapong Lertbumroongchai
การใช้งานระบบปฏิสัมพันธ์ทางคอมพิวเตอร์ (Using Computer Interaction Systems)
การใช้งานระบบปฏิสัมพันธ์ทางคอมพิวเตอร์ (Using Computer Interaction Systems)
Dr.Kridsanapong Lertbumroongchai
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
Dr.Kridsanapong Lertbumroongchai
ติดปีกธุรกิจเพียงแค่คิดโลโก้ (Logo Design)
ติดปีกธุรกิจเพียงแค่คิดโลโก้ (Logo Design)
Dr.Kridsanapong Lertbumroongchai
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
Dr.Kridsanapong Lertbumroongchai
เทคโนโลยีสารสนเทศและการสื่อสาร
เทคโนโลยีสารสนเทศและการสื่อสาร
kunlayaneepanichh
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
Dr.Kridsanapong Lertbumroongchai
คำทับศัพท์
คำทับศัพท์
Thiranan Suphiphongsakorn
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
Dr.Kridsanapong Lertbumroongchai
สื่อการสอนโครงการ
สื่อการสอนโครงการ
Sangduan12345
เริ่มสร้างผลิตภัณฑ์ (Product Begining)
เริ่มสร้างผลิตภัณฑ์ (Product Begining)
Dr.Kridsanapong Lertbumroongchai
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
CHIDCHANOKPHOOPECH
แนะนำโปรแกรม Adobe Photoshop
แนะนำโปรแกรม Adobe Photoshop
Dr.Kridsanapong Lertbumroongchai
Presentation powerpoint(การนำเสนอ)คอม
Presentation powerpoint(การนำเสนอ)คอม
luckana9
Presentation powerpoint
Presentation powerpoint
suwanna5
Weitere ähnliche Inhalte
Was ist angesagt?
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
Dr.Kridsanapong Lertbumroongchai
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
Dr.Kridsanapong Lertbumroongchai
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
Dr.Kridsanapong Lertbumroongchai
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
Dr.Kridsanapong Lertbumroongchai
ระบบปฏิสัมพันธ์ในกระบวนการพัฒนาซอฟต์แวร์ (Interaction System in Software Deve...
ระบบปฏิสัมพันธ์ในกระบวนการพัฒนาซอฟต์แวร์ (Interaction System in Software Deve...
Dr.Kridsanapong Lertbumroongchai
หลักพื้นฐานของการออกแบบระบบปฏิสัมพันธ์ (Basic Principle of Interacion)
หลักพื้นฐานของการออกแบบระบบปฏิสัมพันธ์ (Basic Principle of Interacion)
Dr.Kridsanapong Lertbumroongchai
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
Dr.Kridsanapong Lertbumroongchai
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
Dr.Kridsanapong Lertbumroongchai
การใช้งานระบบปฏิสัมพันธ์ทางคอมพิวเตอร์ (Using Computer Interaction Systems)
การใช้งานระบบปฏิสัมพันธ์ทางคอมพิวเตอร์ (Using Computer Interaction Systems)
Dr.Kridsanapong Lertbumroongchai
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
Dr.Kridsanapong Lertbumroongchai
ติดปีกธุรกิจเพียงแค่คิดโลโก้ (Logo Design)
ติดปีกธุรกิจเพียงแค่คิดโลโก้ (Logo Design)
Dr.Kridsanapong Lertbumroongchai
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
Dr.Kridsanapong Lertbumroongchai
เทคโนโลยีสารสนเทศและการสื่อสาร
เทคโนโลยีสารสนเทศและการสื่อสาร
kunlayaneepanichh
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
Dr.Kridsanapong Lertbumroongchai
คำทับศัพท์
คำทับศัพท์
Thiranan Suphiphongsakorn
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
Dr.Kridsanapong Lertbumroongchai
สื่อการสอนโครงการ
สื่อการสอนโครงการ
Sangduan12345
เริ่มสร้างผลิตภัณฑ์ (Product Begining)
เริ่มสร้างผลิตภัณฑ์ (Product Begining)
Dr.Kridsanapong Lertbumroongchai
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
CHIDCHANOKPHOOPECH
แนะนำโปรแกรม Adobe Photoshop
แนะนำโปรแกรม Adobe Photoshop
Dr.Kridsanapong Lertbumroongchai
Was ist angesagt?
(20)
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
ระบบปฏิสัมพันธ์ในกระบวนการพัฒนาซอฟต์แวร์ (Interaction System in Software Deve...
ระบบปฏิสัมพันธ์ในกระบวนการพัฒนาซอฟต์แวร์ (Interaction System in Software Deve...
หลักพื้นฐานของการออกแบบระบบปฏิสัมพันธ์ (Basic Principle of Interacion)
หลักพื้นฐานของการออกแบบระบบปฏิสัมพันธ์ (Basic Principle of Interacion)
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
การใช้งานระบบปฏิสัมพันธ์ทางคอมพิวเตอร์ (Using Computer Interaction Systems)
การใช้งานระบบปฏิสัมพันธ์ทางคอมพิวเตอร์ (Using Computer Interaction Systems)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
พื้นฐานการออกแบบปฏิสัมพันธ์ (Interaction Design Basic)
ติดปีกธุรกิจเพียงแค่คิดโลโก้ (Logo Design)
ติดปีกธุรกิจเพียงแค่คิดโลโก้ (Logo Design)
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
เทคโนโลยีสารสนเทศและการสื่อสาร
เทคโนโลยีสารสนเทศและการสื่อสาร
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
คำทับศัพท์
คำทับศัพท์
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
สื่อการสอนโครงการ
สื่อการสอนโครงการ
เริ่มสร้างผลิตภัณฑ์ (Product Begining)
เริ่มสร้างผลิตภัณฑ์ (Product Begining)
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
แนะนำโปรแกรม Adobe Photoshop
แนะนำโปรแกรม Adobe Photoshop
Ähnlich wie 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
rawikan
Presentation powerpoint
Presentation powerpoint
ae2201
Presentation powerpoint
Presentation powerpoint
sommabat
Presentation powerpoint
Presentation powerpoint
chaimoung
Presentation powerpoint
Presentation powerpoint
phuttarak
Presentation powerpoint
Presentation powerpoint
plernlypim
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
Ähnlich wie 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
/ เวิร์ค “รู้ว่าอยากได้อะไร อย่างไร ยิ่งใช้ยิ่งชอบ” “ประทับใจในแรกพบ”
17.
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 จริงๆ อาจจะไม่ใช่ก็ได้
24.
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
Jetzt herunterladen