Category: Design Tutorials

color theory designil

ทฤษฎีสี HSL ออกแบบเว็บไซต์ UI อย่างมือโปร

ทฤษฎีสี สอนออกแบบด้วยระบบสี HSL เป็นทฤษฎีพื้นฐานสำหรับมือใหม่ที่ต้องการจะออกแบบอย่างมือโปร ไปต่อยอดการออกแบบสื่อดิจิตัลได้ ตั้งแต่เว็บไซต์ UI Graphic

อ่านบทความ »
designil variable fonts 2

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

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

อ่านบทความ »
web form design user interface tips

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

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

อ่านบทความ »
mobile app icon design

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

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

อ่านบทความ »
ui design search engine

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

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

อ่านบทความ »
beautiful design 1 pixel 2

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

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

อ่านบทความ »