10 พื้นฐานองค์ประกอบการออกแบบ เหล่านี้จะช่วยเว็บคุณดูสวยงามขึ้น 1.เส้นในการออกแบบ (Lines)

1. การจัดวางตำแหน่ง (Alignment)การจัดวางเป็นพื้นฐานที่สำคัญมากในการออกแบบ เริ่มตั้งแต่การสร้างรูปร่าง การวางองค์ประกอบลงบนส่วนต่างๆ ให้น่าสนใจ น่าดึงดูด รวมถึงมีความสอดคล้องกัน การจัดวางตำแหน่งวัตถุต่างๆ ลงบนงานออกแบบนั้น ควรจัดเรียงตำแหน่งขององค์ประกอบให้เป็นลำดับ จัดให้อ่านง่าย สบายตา มีทิศทางการมองที่ชัดเจน

1. เว็บที่มีโครงสร้างแบบเรียงลำดับ (Sequential Structure) เป็นโครงสร้างแบบธรรมดาที่ใช้กันมากที่สุดเนื่องจากง่ายต่อการจัดระบบข้อมูล ข้อมูลที่นิยม จัดด้วยโครงสร้างแบบนี้มักเป็นข้อมูลที่มีลักษณะเป็นเรื่องราวตามลำดับของเวลา เช่น การเรียงลำดับตามตัวอักษร

เทคนิคการเลือกใช้สี สำหรับการออกแบบที่นักออกแบบนิยมใช้กันมีทั้งสิ้น 4 แบบดังนี้

เว็บไซต์ต่อไปนี้ เชื่อว่าใครที่เป็นนักออกแบบ คงผ่านตามาไม่มากก็น้อย เว็บแรก Pinterest

ทฤษฎีสี (Theory of Color) หมายถึง ทฤษฎีของแม่สี ที่เป็นต้นกำเนิด ของการผสมสีเพื่อให้เกิดเป็นสี เพื่อนำไปใช้สร้างงานศิลปะหรืองานออกแบบแขนงต่าง ๆ

บางทีเราอาจจะคิดว่าเรามีกราฟิกที่ สวย สด งดงาม แต่มันจะดูแย่ลงทันทีถ้าหากเรา วางองค์ประกอบ พลาดไป มันทำให้งานที่คุณมั่นใจดูแย่ลงทันที ดังนั้นการว่างองค์ประกอบจึงเป็นเรื่องสำคัญสุดมากสำหรับนักออกแบบอย่างเราเพื่อทำให้งานออกแบบของเราออกมาสมบูรณ์ตามที่เราหวังไว้

แต่ช่วงนี้เรามักเห็นการนำเสนอผลิตภัณฑ์โดยใช้สีพื้นหลังสีเดียวกับตัวผลิตภัณฑ์มากขึ้น หรือเรียกว่า One Color 3D Design การนำเทคนิคสามมิติมาช่วยให้ผลิตภัณฑ์หรือวัตถุโดดเด่นออกมาจากพื้นหลังที่มีสีเดียวกันบวกกับการจัดแสงและเงายิ่งเพิ่มมิติให้ตัวงาน งานออกแบบที่ใช้สีเดียว

เพราะตัวอักษรสำคัญกับงานกราฟิก นอกจากช่วยสื่อความหมายให้งานกราฟิกแล้ว เราสามารถนำตัวอักษรมาผสมผสานให้เข้ากับงานและสร้างความแปลกใหม่ให้กับงานกราฟิกได้อีกด้วย เราจึงแนะนำเทคนิคการสร้างสรรค์งานกราฟิกเจ๋ง ๆ ด้วยตัวอักษรด้วย Typography Still Rules 4 เทคนิคให้ได้เรียนรู้กัน

รูปร่าง เป็นองค์ประกอบต่อเนื่องมาจากเส้น เกิดจากการนำเส้นแบบต่าง ๆ มาต่อกันจนได้รูปร่าง 2 มิติที่มีความกว้างและความยาว (หรือความสูง) ในทางศิลปะจะแบ่งรูปร่างออกเป็น 2 แบบคือ รูปร่างที่คุ้นตา แบบที่เห็นแล้วรู้เลยว่านั่นคืออะไร

UX สำคัญมากและเป็นหัวใจของการออกแบบ เนื่องจากได้เฝ้ามองการพัฒนาแอ็ปบางตัวมาระยะหนึ่ง (ตัวแรกก็น่าจะตั้งแต่ปี 2555 กับอีกระบบที่กำลังพัฒนากันอยู่เป็นปีแล้วยังไม่เห็นรูปร่าง) เท่าที่มีโอกาสได้ร่วมฟังทางฝั่งผู้พัฒนาแอ็ปมีแต่คนพูดถึงการออกแบบตาม “ความต้องการ” (ซึ่งในที่นี่คือ TOR)

เกสตอลท์ (Gestalt) เป็นคำในภาษาเยอรมัน หมายถึง ‘รูปร่าง (Shape / Form)’ ซึ่งเป็นทฤษฎีที่ใช้อธิบายการรับรู้ภาพของมนุษย์ (Visual Perception)

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

UX Design (User Experience) คือ การดีไซน์จากประสบการณ์ผู้ใช้ แปลว่าเราก็ต้องเข้าใจผู้ใช้ก่อนว่าเขาเป็นใครกัน ใช้อะไรกันบ้าง เคยชินกับอะไร ฟังเผินๆ UX เหมือนจะเป็นเรื่องที่ไม่มีหลักเกณฑ์

ในการใช้ UX เพื่อออกแบบ Digital Product เราสามารถจับกลุ่มสิ่งที่ต้องทำออกมาได้เป็น 3 เรื่องใหญ่ ๆ ดังนี้

อินโฟกราฟฟิก มาจากคำว่า Information (ข้อมูล) + Graphic (รูป) นั่นเองครับ อธิบายแบบเข้าใจง่าย ๆ เลย คือ “การนำข้อมูลต่าง ๆ มาทำเป็นรูป”

1. CANVA สุดยอดเครื่องมือออกแบบสารพัดประโยชน์ Canva เป็นเครื่องมือออกแบบออนไลน์ที่ดีมากที่สุดตัวหนึ่ง เราสามารถทำกราฟฟิกได้หลากหลาย ตั้งแต่เอกสารสิ่งพิมพ์ ไปจนถึง Web Banner, Facebook Ads, Youtube Thumbnail, Instagram Post, ปกหนังสือ ฯลฯ

1. Visualized Article แค่แปรเปลี่ยนรูปแบบของข้อมูลจากตัวหนังสือเป็นภาพ พร้อมใส่คำบรรยายขยายความเล็กน้อย ตบท้ายด้วยการตั้งชื่อหัวข้อให้คมคายเก๋ไก๋ ก็จะได้ Infographic ที่เข้าใจง่าย

ไม่ว่าจะเป็นแบรนด์ใหญ่ หรือ SME ก็มีโอกาสได้รับความสนใจจากกลุ่มเป้าหมายได้ หากมีคอนเท้นต์ที่ดึงดูดและโดนใจ โดยเฉพาะในปัจจุบันที่สื่อออนไลน์ได้มีบทบาทกับการทำตลาดอย่างมาก คุณสามารถเลือกใช้เครื่องมือได้อย่างหลากหลาย เพื่อสร้าง Engagement ระหว่างแบรนด์กับผู้บริโภค และหนึ่งในคอนเท้นต์ที่ได้รับความนิยมต่อเนื่องมาหลายปีอย่าง Infographic

วันนี้เรามีอีกหนึ่งเครื่องมือที่อยากจะแนะนำ นั่นก็คือ เว็บไซต์ที่ช่วยให้คุณสร้างแผนภูมิภาพ (Infographic) ด้วยสถิติใดๆ ก็ได้ที่คุณไม่ โดยแผนภูมินั้นมีให้เลือกทั้งแบบกราฟแท่ง กราฟเส้น เป็นรูปไอค่อน แผนที่ ข้อความ คลิปวิดีโอ และภาพทั่วไป

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

แนวทางออกแบบ 2018 ข้อแรกการจัดองค์ประกอบของกราฟิกโดยเน้นความตัดกันขององค์ประกอบ ไม่ว่าจะเป็นสี Typography ที่มีความหนามีความบางเพื่อเพื่มลูกเล่นให้กับงานออกแบบของเรา

สำหรับงานออกแบบและการรับออกแบบนั้นก็มีเทรนด์ประจำปีเช่นกัน แต่ละปีก็มีความแตกต่างกันไปจึงควรมีการแนะนำเทรนด์ประจำปีขึ้นมา อย่างเช่นวันนี้ที่เราจะแนะนำเทรนด์สำหรับปี 2018

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

นับเป็นสัจธรรมของศิลปะทุกรูปแบบ ไม่ว่าจะเป็นจิตกรรม การออกแบบตกแต่ง ภาพยนตร์ ดนตรี แฟชั่น ฯลฯ ย่อมมีลักษณะเฉพาะตัวประจำ แต่ละยุคสมัย ทั้งยังเป็นสิ่งที่ไม่มีความแน่นอน สามารถแกว่งไกวเปลี่ยนไปมาได้ตามกาลเวลา สถานการณ์ และปัจจัยแวดล้อมอื่นๆอีกนานัปการ ยิ่งในยุคปัจจุบัน