Design

บทความออกแบบ UI, UX, Web design สำหรับมือใหม่ที่เพิ่งเริ่มต้นศึกษาเราแนะนำคู่มือในเมนู Design directory

trend web design 2017
สรุป 7 Web Design Trend ที่จะมาแรง พร้อมตัวอย่างประกอบ !!

สวัสดีปีใหม่ 2017 นะคะ ปัจจุบันมีเว็ปใหม่ๆ Template ใหม่ๆ Theme ใหม่ๆ เกิดขึ้นมากมาย เรามาดูดีกว่าว่าเว็ปดีไซน์อันไหนที่มาแรง จนเราคิดว่าจะเป็นเทรนด์ของปี 2017

heatmap analytics
Heatmap Analytics: วิธีออกแบบเว็บไซต์ด้วยข้อมูล & Case Study เว็บดีไซน์

การออกแบบเว็บไซต์ด้วยข้อมูล คือ การนำข้อมูลจากการใช้งานเว็บไซต์จริงมาพัฒนาดีไซน์ให้ดีขึ้น โดยนำดีไซน์ที่ออกแบบใหม่ หรือดีไซน์เก่าไปทดลองกับผู้ใช้ แล้วเก็บข้อมูล

priceza logo redesign
แอพฯ Priceza เปลี่ยนโลโก้ใหม่ ภายใต้ดีไซน์เรียบง่าย แต่กว่าจะได้มาไม่ง่าย

แอพพลิเคชั่น Priceza ที่ให้บริการค้นหาสินค้าและเปรียบเทียบราคาสำหรับนักช้อปได้มีการปล่อย Priceza 5.0 ซึ่งเป็น แอพพลิเคชั่นเวอร์ชั่นใหม่ออกมาให้ได้อัพเดทกันไปเมื่อวันที่ 20 ตุลาคมที่ผ่านมา

landing page design
5 เทคนิคออกแบบ Landing Page ให้เป็น Love at First Sight

วิธีการออกแบบ Landing Page ซึ่งเป็นหน้าเว็บไซต์สำหรับขายของ หรือบริการของเรา เพื่อให้เกิดประโยชน์สูงสุด ได้ Conversation Rate พุ่งกระฉูด

designil web design trustworthy tips
5 เคล็ดลับง่าย ๆ ออกแบบเว็บไซต์ให้ดูน่าเชื่อถือ

เมื่อไม่นานมานี้เราได้รับโจทย์การออกแบบ “เว็บไซต์ขายประกันรถยนต์ออนไลน์” มา ตอนแรกเมื่อทีมได้ยินก็ปวดหัวกันไปตาม ๆ กัน เพราะแค่ได้ยินว่า “ประกัน” คนก็เบนหน้าหนีแล้ว หลายคนมีภาพนายหน้าขายประกันสุด Hard Sell พูดอะไรก็บอกไม่หมด ไม่มีความน่าเชื่อถือ ซึ่งต้องยอมรับเลยค่ะ ว่าโจทย์นี้ท้าทายทีมงานมาก ๆ

free download brand color
แจกเว็บรวมโค้ดสีของแบรนด์ทั่วโลก พร้อมเซฟใส่ Photoshop & CSS !!

แบรนด์แต่ละเจ้าต่างก็มีสีที่บ่งบอกเอกลักษณ์ของตัวเอง ซึ่งการที่เราจะนำโลโก้ของเค้าไปใช้ในงานดีไซน์ เช่น ทำปุ่มแชร์ Facebook, Twitter, Pinterest เราก็ควรจะใช้โลโก้คู่กับสีแบรนด์ให้ถูกต้อง ไม่อย่างนั้นพอ User เห็นครั้งแรกอาจจะงงไปนิดนึง

designil button ui ux
12 เทคนิคการดีไซน์ปุ่มสำหรับ UX / UI Designer

ปุ่ม (Button) นับว่าเป็นชิ้นส่วนในการออกแบบเว็บไซต์พื้นฐานที่ทุกเว็บไซต์ ทุกแอพพลิเคชั่นจำเป็นต้องมี ไม่ว่าเราจะดีไซน์ User Interface (UI Design) หรือกำลังร่าง Wireframe (UX Design) ก็ตาม

free ebook web design 2
[แจกฟรี E-Book] สอนเว็บดีไซน์สำหรับมือใหม่ มูลค่ากว่า 3,000 บาท

หลาย ๆ คนที่ไม่ได้ทำงานในสายเว็บดีไซเนอร์มาก่อน อาจจะเคยสงสัยว่า Web Designer ต้องทำอะไรบ้าง, กริดคืออะไร, การใช้ฟ้อนต์บนเว็บเป็นอย่างไร ฯลฯ โดยเฉพาะคนที่ทำงานสายกราฟฟิกดีไซเนอร์มาก่อนมักจะเข้าใจผิดอยู่บ่อย ๆ ว่าการดีไซน์เว็บกับดีไซน์กราฟฟิกเหมือนกัน

photoshop cc download
วิธีซื้อ Photoshop CC ของแท้ราคาพิเศษ ถูกสุด ๆ แค่วันละ 30 บาท !!

โปรโมชั่นใหม่ล่าสุดจาก Adobe CC พร้อมวิธีการซื้อ Photoshop CC ในราคาพิเศษ ถึงแม้ปัจจุบันจะมีโปรแกรมด้าน UI Design ที่มาแรงอย่าง Sketch มาตีตลาด

web design low calorie
7 สูตรลับ ดีไซน์เว็บแบบ Low Calorie UI ใช้งานยังไงก็ไม่เหนื่อย

ออกแบบอย่างไรให้ User Experience ดี ลด Cognitive load ให้ผู้ใช้ไม่ต้องคิดมาก และอยู่กับเราไปนาน ๆ

front end designer
Frontend Design อาชีพใหม่ ลูกครึ่ง Designer ครึ่ง Developer

Frontend Designer เป็นอาชีพที่ยืนอยู่ระหว่าง การออกแบบให้สวยงาม (Design) และ การพัฒนา (Engineering) ครับ มาดูกันว่าคุณเป็น Frontend Designer หรือเปล่า ?

prototype startup react js
เผยเทคนิคการทำ React Prototype สำหรับ Startup ที่ Designer อ่านได้ Developer อ่านดี​

เปิดเผยวิธีและเทคนิคทั้งหมดที่ใช้จากประสบการณ์ที่ได้มากจากการทำ Startup และใช้ ReactJS มากว่า 2 ปี มาสร้าง Prototype โดยใช้เวลาตั้งแต่เริ่มทำ Wireframe ถึงจบงานรวมแล้ว 14 ชม.