การเลือกใช้สี ในการ ออกแบบ Website

color-paint-palette-wall-painting

ใครที่อยากเป็น Web Designer ออกแบบ website วันนี้เรานำเอาความรู้พื้นฐานในการออกแบบเว็บไซต์มาให้ศึกษาครับ เรื่องที่สำคัญที่สุดคงจะหนี้ไม่พ้นเรื่อง “สี”  สีเป็นองค์ประกอบหลักของเว็บไซต์เลยครับ  มันสามารถสื่อให้ผู้ที่เข้ามาดูรู้เลยว่าเว็บไซต์ของเรานั้นต้องการสื่ออารมณ์แบบไหน การเลือกใช้สีในเว็บก็มีส่วนสำคัญที่จะทำให้เว็บรุ่งหรือร่วงได้นะครับ ไปดูเคล็ดลับเล็กๆน้อยๆกันเลยครับ

image11

การเลือกสี ออกแบบ website

มาดูวงล้อสีพวกนี้กันก่อน ซึงสีเหล่านี้เป็นสีหลัก ไม่นับสีดำกับสีขาวนะครับ

image19

การเลือกใช้สีสำหรับเว็บไซต์นั้น เราไม่ควรเลือกสีที่มากจนเกินไปครับ แค่ 3-4 สีก็พอ

Present_8

Present_8

การเลือกโทนสีในการ ออกแบบ website

1. Monochrome

โมโนโครม คือ จอภาพสีเดียว การเลือกใช้สีโทนเดียวเพียงแต่เราจะเพิ่ม value หรือ saturation เข้าไป ทำให้เกิดน้ำหนักที่ อ่อน-แก่

image08

image18

image09

image07

image00

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

2.  Dyad

การเลือกใช้สีที่ตรงข้ามกัน

ตัวอย่าง

image17

image03

3. Triad

เป็นการใช้สีที่ เข้ากันเป็นรูป สามเหลี่ยมจัดตุรัส(ด้านเท่า) ซึ่งสมารถทำได้โดย วาดรูปรูป 3 เหลี่ยมจัดตุรัส บนวงล้อสีจะได้สีที่เข้ากัน

triad

image15

image12

4. Split Complementary

มีลักษณะการเลือกสีคล้ายๆ กับ Triad  คือลักษณะการเลือกโทนสี จะเป็นรูปสามเหลี่ยงเช่นกัน แต่ฐานของสามเหลี่ยม Split Complementaryนี้จะแคบเข้ามา

image06

image14

5. Analogous

Analogous คือการเลือกใช้โทนสี 3 สีที่ติดกัน

analogous

image04

image01

6. Tetrad

Tetrad คือการเลือกโทนสี แบบเป็นรูปสี่เหลี่ยม ไม่ว่าจะเป็นสี่เหลี่ยมผืนผ้าหรือจัตุรัส

image13

image05

สรุปการเลือกใช้สีครับ

image02

เป็นไงบ้างครับน้องๆ การเลือกใช้สี ในการออกแบบ Website ที่พี่บัฟนำมาให้อ่าน เราสามารถเอาไปปรับใช้ได้อีกหลายด้านเลย อย่างเช่น การทำ Presentation การออกแบบ Infographic พี่หวังว่าบทความเรื่องนี้คงจะจุดประกายให้น้องๆ เกิดไอเดียใหม่ๆ เพื่อนำไปต่อยอดต่อไปนะคร้าบ สำหรับน้องๆคนไหนที่สนใจอยากลองฝึกงานด้านดีไซน์กับบริษัทเจ๋งๆ เพียงแค่สมัครสมาชิกมาเป็นเพื่อนกับพี่บัฟและลงRasumeไว้ได้เลย อย่าให้การฝึกงานเป็นแค่ทางผ่านของตัวจบครับ !!

0 Comments

Leave a reply

Your email address will not be published. Required fields are marked *

*

CONTACT US

We're not around right now. But you can send us an email and we'll get back to you, asap.

Sending

Buffo Hero แหล่งรวมความรู้ด้านดิจิทัล เพื่อพัฒนาสายงาน Digital Marketing, Creative and Design, Programmer

Copyright © 2016. Created by Buffohero

Log in with your credentials

or    

Forgot your details?

Create Account