Design Tutorials

Articles

วิธีการใช้ Variable Fonts ใน Photoshop CC 2018

สอนการใช้งาน Variable fonts ใน Photoshop CC 2018 ฟีเจอร์ใหม่ที่นำเสนอการใช้งานฟอนต์ที่มีคุณสมบัติที่ยืดหดได้ภายในตัวเดียว มีวิดีโอพร้อมภาพประกอบ นอกจากนี้ยังมีคำอธิบายตัว Properties โดยละเอียดในการใช้งานแบบภาษาไทย เข้าใจง่ายที่ Designil



เผย 17 เทคนิคลับ สำหรับออกแบบฟอร์มบนเว็บไซต์ที่คุณต้องรู้ !! (มีรูปประกอบ)

ไม่ว่าคุณจะทำ Web Design หรือ App Design ล้วนต้องทำฟอร์ม (Form) กันทั้งนั้น มาดู 17 เทคนิคลับ ที่จะทำให้ฟอร์มของคุณใช้งานง่ายจนผู้ใช้ต้องอึ้ง !!


วิธีคิด และออกแบบ App Icon ของแอพมือถือ iPhone / Android

สอนเทคนิค วิธีคิด แนะนำแบบ Step by Step ไปจนถึงเครื่องมือที่ใช้สำหรับออกแบบไอคอน Mobile App และเทมเพลตที่รองรับ iOS (iPhone / iPad) อย่างง่าย ๆ


UI (น่า) ค้นหา ภาคต้น

มาเรียนรู้เทคนิค UI Design จากเว็บไซต์ชื่อดัง ! การออกแบบ “ระบบค้นหา” ซึ่งเป็นหัวใจหลักในการหาข้อมูลต่าง ๆ บนเว็บไซต์ แต่หลาย ๆ คนกลับมองข้าม…


เทคนิคออกแบบ UI DESIGN ให้สวยด้วยความแตกต่าง 1 Pixel !!

ผลงานมืออาชีพหรือไม่มืออาชีพ วัดกันได้ด้วยความต่างเพียง 1 px ฟังดูเหมือนหนังการ์ตูน แต่อ่านแล้วจะยิ่งกว่านิยาย (ไม่มีดราม่านะ) – Pixel Perfect



7 กฎการออกแบบ UI Design ให้สวยงาม สำหรับ Non-Designer (ตอน 2)

บทความนี้เรียบเรียงมาจาก 7 Rules for Creating Gorgeous UI ซึ่งเขียนโดยคุณ Erik D. Kennedy ที่เรียนจบวิศวะ แต่มาทำงาน UX Designer และอยากหัดเรียนดีไซน์แต่พบว่ามันช่างยากเหลือเกิน เค้าเลยศึกษาเยอะมากจนพบกับ 7 กฎการดีไซน์ที่ใครก็เข้าใจได้ง่าย


7 กฎการออกแบบ UI Design ให้สวยงาม สำหรับ Non-Designer

7 เทคนิคการออกแบบ UI Design ให้สวยง่าย ๆ ที่จะทำให้แม้แต่คนที่ไม่มีเซ้นส์ด้านดีไซน์เลย (Programmer, Sales) ก็สามารถดีไซน์เว็บ / แอพที่ดูดีได้


6 วิธีการออกแบบโลโก้ที่ดี พร้อมตัวอย่างประกอบ

หลักการออกแบบโลโก้ต่างกับการออกแบบกราฟฟิกทั่ว ๆ ไป ตรงที่ Logo จะต้องนำไปใช้กับแบรนด์ กับสินค้าของลูกค้า เพราะฉะนั้นจึงต้องคำนึงธุรกิจว่าจะลงสื่อไหนบ้าง