Web Design

Articles

10 เครื่องมือสำหรับการสร้าง Portfolio online ฟรี

ชีวิตดีไซเนอร์ และ ชีวิตฟรีแลนซ์ พอร์ตโฟลิโอก็เหมือนเป็นหน้าเป็นตาของเรา เแล้วตอนนี้การสร้าง Portfolio ออนไลน์ก็เป็นเรื่องสิ่งที่ดีไซเนอร์รุ่นใหม่ต้องมีไว้ประดับกาย

แจกฟรี Icon Font เซ็ตธนาคารไทยสวย ๆ + วิธีใช้ทีละขั้นตอน

ไอคอนเซ็ตนี้มีโลโก้ของ 31 ธนาคาร ออกแบบโดย Omise และแปลงเป็น Icon Font โดยคุณ Julien Vernet โดยไอคอนที่มีในเซ็ตนี้ก็มีครบ เหมาะมากกับการเอาไปใช้กับเว็บไซต์ E-Commerce ครับ

สรุป 7 Web Design Trend ที่จะมาแรงในปี 2017 + ตัวอย่างประกอบ !!

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

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

หลังจากเราผ่านโจทย์มหาโหดในการ ออกแบบเว็ปอย่างไรให้น่าเชื่อถือ มาแล้วนะคะ โจทย์ที่หินพอๆ กันก็คือออกแบบ Landing Page อย่างไรให้โดนใจ “Landing Page” คือ หน้าแรกที่จะปรากฏหลังจากคลิกโฆษณามาจากแคมเปญ Social Media ต่างๆ หรือไม่ก็จากแคมเปญ Paid Search (พวก Google AdWords, Yahoo!..

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

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

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

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

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

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

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

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

เผยเทคนิคการทำ Prototype สำหรับ Startup ที่ Designer อ่านได้ Developer อ่านดี​ โดยใช้ React

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

[Web Design Trend] เทรนด์การออกแบบเว็บไซต์ ปี 2016 รู้ไว้ ได้ใช้แน่นอน !

รวมเทรนด์การออกแบบเว็บไซต์สำคัญ ๆ ที่กำลังมาแรงในปี 2016 เช่น Flat Design 2.0 ที่พัฒนาต่อยอดมาจาก Flat Design เมื่อหลายปีที่แล้ว เพื่อแก้ปัญหา UX Usability