Tag Archive: การออกแบบ

โลโก้สำคัญขนาดไหนสำหรับการออกแบบเว็บไซต์

                นอกจากออกแบบเลือกสีที่เหมาะสม การจัดวางส่วนต่าง ๆ ทั้งรูปภาพ ตัวหนังสือ และ format ของ header footer ที่ดูดี อ่านง่าย และสบายตาแล้ว อีกหนึ่งสิ่งที่สำคัญไม่แพ้กันเลยคือเรื่องของโลโก้นั่นเอง การที่เราจะสามารถจดจำ หรือนึกถึงอะไรเป็นอย่างแรกได้นั้น จำเป็นต้องมีบางสิ่งที่เตะตา และน่าสนใจ ทำให้ภาพนั้นเข้ามาอยู่ในหัวของเราได้อย่างอัตโนมัติ นั่นคือหน้าที่ของโลโก้ ยิ่งโลโก้ออกแบบได้สวยงาม เข้าใจง่าย และติดตามมากเท่าไร และบวกกับการออกแบบที่ลงตัวด้วยแล้ว ก็จะยิ่งเพิ่มสิทธิ์ในการจดจำ และทำให้คนสนใจได้มากขึ้นอีกด้วย

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

โลโก้ที่เหมาะกับสม และหลักการคิดง่าย ๆ ขั้นพื้นฐานที่อาจมองข้าม

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

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

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

 

หลักการดีไซน์เว็บไซต์ให้เหมาะสมตามประเภทธุรกิจ

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

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

  • เว็บที่เกี่ยวกับธุรกิจ เว็บลักษณะนี้ควรจะออกแบบอย่างเรียบง่าย ไม่มีรายละเอียดที่เยอะเกิน มี pattern ในการวางส่วนประกอบต่าง ๆ ให้ลงตัว ไม่ว่าจะเป็นกล่องข้อความ ไอคอนต่าง ๆ แทบ Header Footer และรูปภาพ รูปทรงต่าง ๆ ควรจะเป็นเหลี่ยม สีที่ใช้ควรจะเป็นสีโทนอ่อน เช่นขาว ฟ้าอ่อน เทาอ่อน หรือดำ เนื่องเว็บไซต์ประเภทที่เกี่ยวกับธุรกิจนั้นจะมีลักษณะเรียบหรู เป็นทางการ และดูมีรูปแบบที่เป็นระเบียบและสวยงาม
  • เว็บไซต์ที่เกี่ยวกับการศึกษาและเด็ก แน่นอนว่าอะไรก็ตามที่เกี่ยวกับเด็กควรจะต้องมีสีสรรค์สดใส เช่นสีแดง เขียว เหลือง น้ำเงิน ชมพู เพื่อดึงดูดเด็ก ๆ ควรจะมีตัวการ์ตูนเป็นส่วนประกอบ รูปทรงต่าง ๆ ความเป็นทรงรี ดูอ่อนโยน เพื่อแสดงให้เห็นถึงความน่ารักสดใส
  • เว็บไซต์ที่เกี่ยวกับหนัง ส่วนใหญ่ลักษณะของเว็บไซต์ที่เกี่ยวกับหนังนั้นควรจะใช้สีในโทนเข้ม หรือเป็นสีที่มีความเกี่ยวข้องกับโรงหนัง เช่นสีดำ เหมือนกับความมืดในโรงหนัง หรือจะใช้สีแดงที่เปรียบเหมือน ผ้าม่าน เก้าอี้ หรือพรหมในโรงหนัง ทำให้คนที่เข้ามาเว็บไซต์เรารู้สึกเหมือนอยู่ในโรงหนัง นอกจากนั้นสีดำจะเป็นส่งที่ทำให้สีหรือภาพข้างหน้าโด่ดเด่นขึ้นมาได้ ส่วนใหญ่เว็บไซต์หนังจะมีการวางโปรเตอร์ของหนังในเว็บไซต์เพื่อเป็นการโปรโมทหรือโฆษณา สีดำจะช่วยให้ดูดเด่นขึ้น
  • เว็บไซต์ที่เกี่ยวเทคโนโลยี เว็บไซต์ดีไซต์จะคล้าย ๆ กับเว็บไซต์ประเภทธุรกิจที่ใช้รูปทรงของส่วนประกอบต่าง ๆ เป็นเหลี่ยม ๆ และจะมีสีหลักเป็นสีฟ้าอ่อน สามารถประสมกับสีดำ หรือขาวได้แล้วแต่จะดีไซน์ จะทำให้ดูไฮเทค และดูเป็นเครื่องจักร
  • เว็บไซต์ประเภทโปรดักส์ เว็บไซต์ประเภทนี้เป็นเว็บไซต์ประเภทพิเศษที่ไม่มีรูปแบบตายตัว ทุกอย่างขึ้นอยู่กับตัวของโปรดักส์ เช่นสีโลโก้ ประเภทของสินค้า หรือธีมต่าง ๆ ที่เป็นลักษณะเฉพาะของสิ่งของประเภทนั้น ๆ

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

 

ใช้งานได้ดีจริงหรือ Template เว็บไซต์ หน้าเว็บสำเร็จรูปที่ไม่จำเป็นต้องออกแบบ

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

ในตอนนี้มี source หลายแห่งที่เริ่มมีการปล่อย template ต่าง ๆ ออกมาให้ดาวน์โหลดกัน ไม่ว่าจะเป็น template สไลด์ของ Microsoft PowerPoint รูปแบบเอกสารของ Word Template ของแอปพลิเคชัน หรือ Template ของเว็บไซต์รูปแบบต่าง ๆ ซึ่งการใช้ Template เว็บไซต์ต่าง ๆ ก็มีมีข้อดีอยู่มากมาเช่น

  • ผู้ใช้งานจะได้ UI ที่ดีดู เหมาะสม และลงตัวอย่างมาก เนื่องจาก template ที่ได้มีการออกแบบไว้ให้เราได้เอาไปใช้งานนั้น ส่วนใหญ่ถูกออกแบบมากจากคนที่มีความรู้ความเชี่ยวชาญในการออกแบบ ซึ่งทั้งเรื่องของสี Header หรือ Footer ต่าง ๆ จะถูกออกแบบมาให้สอดคล้องกันอย่างลงตัว
  • มี Template ให้เลือกมากมายหลากหลายแบบ ขึ้นอยู่กับประเภทของเว็บไซต์ที่เราต้องการจะสร้าง ซึ่งในแต่ละประเภทก็จะมีการแบ่งแยกย่อยเป็นสไตล์ไปอีก ทั้งเรื่องของสี ฟอนต์ และจากจัดวางต่าง ๆ
  • มีการปล่อยให้โหลด template ได้ฟรี รวมไปถึงบางเว็บไซต์สามารถนำมา customize ต่อได้
  • ส่วนใหญ่สามารถ preview template ก่อนที่โหลดได้ เพื่อช่วยผู้ใช้งานในการตัดสินใจก่อนจะนำไปใช้
  • มีการอัพเดทตัว template ใหม่ ๆ อยู่ตลอดทุกปีให้ทันสมัยและน่าใช้งานอยู่ตลอดเวลา

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

  • การที่จะโหลด template แบบฟรี ๆ ตามที่หน้าเว็บบอกไว้นั้น มีอยู่น้อยมากที่จะปล่อยให้โหลดฟรี จริง ๆ มันเป็นการโฆษณาให้คนสนใจและเข้ามาชมเว็บ จุดประสงค์คือการขาย template ซึ่งอาจจะมีให้เลือกดู หรือ preview ดูได้ก่อน หลังจากนั้นก็ให้ดาวน์โหลด แต่มีเงื่อนไขคือต้องจ่ายเงินเท่านี้ ๆ ก่อน จึงจะโหลดได้
  • ถ้าเป็นเว็บที่มีการปล่อยให้ผู้ใช้งานดาวน์โหลดได้ ก็จะเป็นลักษณะของตัวทดลอง หรือเป็น template ขั้นพื้นฐาน ที่จะไม่มีรายละเอียดอะไร มีแค่สีกับ ตำแหน่ง Header Footer ของเว็บที่ให้มาเท่านั้น ถ้าอยากได้แบบที่ดูใน preview ก็ต้องจ่างเงินเช่นกัน
  • ถึงแม้จะดาวน์โหลดได้ แต่อาจจะมีการติดลายน้ำของชื่อเว็บไซต์นั้นไว้ เพื่อไม่ให้สามารถเอาไปใช้งานจริงได้

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

 

3 ความรู้พื้นฐานง่าย ๆ ในการออกแบบ

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

(more…)