Web-design-trends

งานออกแบบเว็บไซต์นอกจากจะเป็นงานศิลปะแขนงหนึ่งแล้ว อีกมุมหนึ่งมันยังเป็นงานแฟชั่นอีกด้วย นั่นหมายความว่ามันจะเป็นเหมือนกับเทรนด์ของเสื้อผ้าที่บางอันก็ “อิน” หรือ บางอันก็ “เอาท์” ที่ไม่มีใครเค้าทำเว็บไซต์แบบนี้กันแล้ว ยิ่งมาผนวกกับเทคโนโลยีใหม่ๆ ที่เกิดขึ้นทุกวันด้วยแล้ว เทรนด์ออกแบบเว็บไซต์นักออกแบบต้องติดตามกันตลอดไม่แพ้แฟชั่นเหมือนกัน มาดูเทรนด์งานออกแบบเว็บไซต์ที่แม้จะออกมาตั้งแต่ปี 2018 แต่มันก็ยังใช้ได้ยาวถึงปี 2019 เลยมีอะไรบ้าง หน้าแรกต้องปัง เทรนด์แรกจะว่าไปมันก็เป็นเรื่องสำคัญมาตลอดนั่นคือ หน้าแรกของเว็บไซต์ต้องปัง แบบเห็นแล้วต้องว้าวเลย เพราะหน้าแรกของเว็บไซต์ถือว่าเป็นด่านหน้าสำคัญ หากทำออกมาดีคนก็คลิ๊กเข้าไปดูต่อ แต่ถ้าไม่ดีทุกอย่างก็จบเค้าเปลี่ยนไปเว็บอื่นที่ดีกว่าโดยหน้าแรกที่ดีจะต้องประกอบไปด้วย หัวข้อที่ดี , ภาพแนวขวางที่มีคุณภาพ , คำบรรยาย, จุดสมัครสมาชิก และ ปุ่ม call to action ตัวใหญ่ ก็จะมีสูตรการสร้างหน้าแรกให้ปังประมาณนี้ Parallax scrolling เทรนด์นี้จะบอกว่าเน้นเรื่องของลูกเล่นก็ไม่ผิดนัก เว็บไซต์นี้ นักพัฒนาจะเรียกมันว่า Parallax ความหมายก็คือ เว็บไซต์จะใส่ลูกเล่นลงไปเพื่อให้ผู้ใช้งานมีส่วนร่วมในการเข้าเว็บไซต์มากขึ้น ลูกเล่นดังกล่าวจะเกี่ยวกับเมาส์เป็นหลัก กล่าวคือ หากเมาส์ไปชี้รูปภาพก็อาจจะทำให้รูปภาพเกิดปฏิกิริยาบางอย่าง เป็นต้น ตัวใหญ่ ขอเน้นๆ เราเข้าใจกันอยู่แล้วว่า เว็บไซต์เป็นแหล่งรวมข้อมูลขององค์กร หรือ สินค้านั้น ซึ่งอาจจะต้องนำเสนอข้อมูลให้ได้มากที่สุดเพื่อให้ผู้ใช้อ่านแล้วเข้าใจ แต่มุมนักออกแบบไม่เป็นแบบนั้น เทรนด์ออกแบบที่ดี อาจจะใช้ตัวอักษรใหญ่เพียงแค่ไม่กี่คำเพื่อดึงดูด ตามด้วยคำโปรยเพื่อยั่วกระตุ้นความรู้สึกอยาก จะทำให้เว็บไซต์ออกมาน่าสนใจมากกว่า หากเรายั่วออกมาดีเดี๋ยวคนเค้ากดไปดูต่อเอง แอนนิเมชั่น ต้องมา ภาพสวยอย่างเดียวไม่พอสำหรับเทรนด์งานออกแบบเว็บไซต์ อีกหนึ่งอย่างต้องมีเลยก็คือ งานแอนนิเมชั่น หากนักพัฒนาทำได้ก็ควรเอาไปใส่ในเว็บไซต์ก็จะดี แอนนิเมชั่นข้อดีคือมันสร้างความตื่นตะลึงให้กับผู้ใช้งานได้ดีทีเดียว แต่การใส่ก็ต้องพอดีไม่มากเกินไป เพราะมันอาจจะทำให้ผู้ใช้รู้สึกตาลาย เวียนหัวกับเว็บไซต์จนอาจจะต้องปิดหนีไปเลยก็ได้ เลย์เอาท์ของเว็บ เลย์เอาท์ของเว็บไซต์ จัดว่าเป็นอีกหนึ่งองค์ประกอบสำคัญเลยก็ว่าได้ หากเราวางเลย์เอาท์ให้ดี ย่อมทำให้งานออกมาแปลกตาน่าสนใจต่อผู้เข้าใช้งาน เทรนด์มีอยู่ว่า เลย์เอาท์ออกแบบง่ายๆ ใช้พื้นสีขาว อาจจะมีแถบสีอื่นมาตัดเพื่อไม่ให้จืดเกินไป มีรูปภาพประกอบด้วย ปิดท้ายด้วยคำโปรยก็จบหน้าพอดี เทรนด์เหล่านี้แม้จะออกมาตั้งแต่ปีที่แล้ว เชื่อเหอะปีนี้เทรนด์นี้ก็ยังได้อยู่นะRead More →

Mobirise

คนทำเว็บไซต์เดี๋ยวนี้ หากไม่ใช่นักทำเว็บไซต์ หรือ ทีมงานพัฒนาเว็บไซต์มืออาชีพ เค้าไม่ถามกันแล้วว่าทำเว็บไซต์จากเครื่องมืออะไรตัวไหน เค้าถามกันว่าจะเลือกเครื่องมือตัวไหนดีมาตกแต่งหน้าเว็บให้ดูสวยงาม ง่าย ไม่ต้องใช้เวลามาก ยิ่งหากเราทำเว็บเองแบบไม่จ้างด้วยนะ ต้องตกแต่งเว็บให้เป็น วันนี้เรามีตัวหนึ่งมาแนะนำชื่อว่า Mobirise พร้อมข้อดี 4 ข้อ หนึ่ง รองรับทุกหน้าจอ เวลาทำเว็บไซต์ หรือ ตกแต่งหน้าเว็บไซต์ใหม่ นอกจากความสวยงามตามท้องเรื่อง อีกหนึ่งประเด็นที่ห้ามมองข้ามไปเลยนั่นก็คือ การทำให้เว็บไซต์ของเราสามารถตอบสนองได้กับทุกหน้าจอ ไม่ว่าจะเป็นหน้าจอคอมพิวเตอร์ หน้าจอแท็บเล็ต หน้าจอมือถือ ซึ่งทั้งสามแบบนี้มีขนาดหน้าจอแตกต่างกัน เราต้องตั้งค่าให้หน้าเว็บสามารถตอบสนองได้กับทุกขนาดหน้าจอเพื่อสร้างประสบการณ์ที่ดีของผู้ใช้งาน Mobirise สามารถจัดการตรงนี้ให้ได้เลยไม่ต้องตั้งค่าให้เสียเวลา สอง ไม่ต้องเขียนโค้ด ทำเว็บไซต์ หากย้อนไปสัก 10 ปีก่อนเป็นเรื่องยากถึงยากมาก เพราะการสร้างเว็บไซต์ หรือ ตกแต่งเว็บไซต์มันต้องใช้เขียนภาษาคอมพิวเตอร์เพื่อสั่งการให้มันแสดงผลตามต้องการ หากใครเขียนภาษาไม่เป็นก็จบเลย แต่เดี๋ยวนี้ดีขึ้นเราตกแต่งเว็บไซต์ได้แบบไม่ต้องเขียนโค้ดสักตัว Mobirise เองก็เป็นเช่นนั้น เราสามารถตกแต่งเว็บไซต์โดยที่เราไม่ต้องรู้จักโค้ดภาษาคอมพิวเตอร์เลยก็ได้ ดีงาม สาม ทำงานง่ายเข้าใจง่าย ตกแต่งเว็บไซต์ บางคนอาจจะคิดว่ายาก ต้องทำนั่น ทำนี่เยอะแยะ แต่ Mobirise ไม่เป็นแบบนั้น ใครใช้โปรแกรมนี้บอกเลยว่าคำว่ายากแทบไม่มี เราทำงานง่ายมาก ทำเพียงแค่คลิ๊ก เลือก ลาก วาง ตั้งค่าปรับแต่งเท่านั้นเอง ยกตัวอย่างเช่น หากเราต้องการเปลี่ยนเนื้อหาบนเว็บไซต์เราก็เพียงแค่กดคลิ๊กลงไปเพื่อเลือก จากนั้นก็พิมพ์สิ่งที่ต้องการลงไป(คล้ายกับเราพิมพ์งานใน word) หรือจะตกแต่งพื้นหลัง ก็กดที่ปุ่มตั้งค่า แล้วเลือกสี ลวดลาย เอฟเฟกต์ของพื้นหลังได้เลย จะว่าไปการทำงานก็ไม่ต่างอะไรกับทำสไลด์ใน powerpoint ด้วยซ้ำไป สี่ คลังข้อมูล เวลาเราเลือกตกแต่ง บางครั้งก็อาจจะไม่รู้ว่าจะเอาแบบไหนดีถึงจะสวย ต้องหาโหลดมาเพิ่มอีก Mobirise สบายกว่านั้น ตัวโปรแกรมได้พัฒนาให้มีคลังข้อมูลช่วยให้เราแต่งเว็บไซต์ได้ง่ายขึ้น อย่างเช่น หากเราจะปรับฟอนต์ในเว็บไซต์เค้าก็มีให้เลือกเยอะแยะมากมาย ภาพก็มีคลังภาพในโปรแกรมให้ หรือ จะดาวน์โหลดมาเพิ่มเองก็ได้ เด็ดสุดเป็นคลังไอคอน เพื่อแทนหมวดหมู่ ข้อมูลที่เราต้องการแสดงก็มีด้วยเหมือนกัน บอกเลยว่าเอาแค่ที่เค้ามีให้ก็แต่งกันไม่ไหวจริงๆ ยังมีข้อดีมากกว่านี้อีก แต่เอาเป็นว่าไปลองเล่นกันก่อนก็แล้วกันRead More →

Google-Web-Designer

ความนิยม ความต้องการของการสร้างเว็บไซต์มีมากขึ้น ทำให้นักสร้างเว็บไซต์มือใหม่ มือสมัครเล่นที่ต้องการโปรแกรมสำเร็จรูปสร้างเว็บไซต์ขึ้นมาแบบไม่ต้องใช้ความรู้ด้านการเขียนโค้ดภาษาคอมพิวเตอร์มีมากขึ้นไปด้วย ทำให้ กูเกิ้ล ก็ออกผลิตภัณฑ์สร้างเว็บไซต์สำเร็จรูปขึ้นมากับเค้าด้วยเหมือนกันชื่อว่า Google web designer เค้ามีดีอะไรตรงไหนบ้าง สร้างโดยไม่ต้องรู้โค้ด ตัวนี้เป็นโปรแกรมสำเร็จรูปเพื่อสร้างเว็บไซต์ขึ้นมาสักชิ้นหนึ่ง เค้าตั้งธงไว้ว่าคนใช้โปรแกรมนี้สามารถสร้างเว็บไซต์ได้โดยไม่ต้องเขียนโค้ด หรือ มีความรู้เรื่องโค้ดดิ้งเลยก็ทำได้ ซึ่งมันก็ทำได้แบบนั้นจริงๆ เราสามารถสร้างเว็บไซต์โดยไม่ต้องเขียนโค้ดอะไรเลยก็ได้ ขอเพียงแค่สร้าง ตกแต่ง จากเครื่องมือที่เค้ามีให้ ส่วนเรื่องโค้ดปล่อยให้เป็นหน้าที่ของโปรแกรมประมวลผลไปจะดีกว่า สร้างแอนนิเมชั่นได้ ความสามารถนี้ต้องบอกเลยว่า อ่านไม่ผิดแน่นอน เราสามารถสร้างแอนิเมชั่นจาก Google Web Designer ตัวนี้ได้เลย ทั้งแบบ 2D ซึ่งจะเป็นการทำแบบเฟรมต่อเฟรม หรือ 3D ซึ่งจะประมวลผลออกมาแบบ CSS3 นั่นหมายความว่าเราสร้างลูกเล่นของเว็บไซต์ได้หลากหลายมากขึ้น อาจจะคิดว่ายากแต่บอกเลยว่าแอนนิเมชั่นจาก Google Web Designer สร้างไม่ยากอย่างที่คิดเอาไว้ เราทำได้แน่นอน ปรับหน้าจออัตโนมัติ หากเราใช้โปรแกรมสำเร็จรูปสร้างเว็บไซต์แบบเดิมๆ ปัญหาที่รออยู่คือ เว็บไซต์ที่เราสร้างอาจจะไม่ตอบสนองกับหน้าจอเครื่องมืออื่น อย่าง สมาร์ทโฟน , แท็บเล็ต หรือ สมาร์ททีวี เนื่องจากมีขนาดหน้าจอแตกต่างกันไป ปัญหานี้ไม่มีที่ Google Web Designer เพราะว่ามันจะปรับแต่ง ประมวลผลเว็บไซต์ของเราให้มีความสามารถปรับหน้าจอให้ตอบสนองกับการใช้งานผ่านเครื่องมือที่แตกต่างกันได้เอง เพียงเท่านี้เว็บไซต์ของเราไม่ว่าจะเข้าผ่านเครื่องมือตัวไหนก็จะได้ประสบการณ์การใช้งานที่เหมือนกัน โฆษณา อันนี้ก็เป็นไม้เด็ดของ Google Web Designer เค้าด้วยเหมือนกัน กล่าวคือตัวโปรแกรมจะมีฟีเจอร์ให้เราสามารถสร้างโฆษณาขึ้นไปไว้ในเว็บไซต์ได้เลย ออกแบบตกแต่งกันให้ดี คิดดูสิว่าเราสามารถสร้างโฆษณาได้เองแล้วเดี๋ยวนี้ อะไรมันจะไปไกลขนาดนั้นทำได้ขนาดนี้เรื่องรายได้ของเว็บไม่ต้องห่วง สบายเลย ภาพวาดเองก็เอามาได้ โปรแกรมสำเร็จรูปบางตัว อาจจะมีข้อจำกัดการนำภาพเข้ามาใช้งาน เนื่องจากโปรแกรมจะรวนหากทำแบบนั้น แต่ Google Web Designer ไม่เป็นแบบนั้น เราสามารถนำภาพ เวคเตอร์ เข้ามาประกอบการทำงานได้ ข้อดีของเรื่องนี้ก็คือ เราสามารถวาดภาพประกอบ หรือ ตกแต่งภาพประกอบเองได้ จากนั้นก็นำมันเข้ามาตกแต่งเว็บไซต์ผ่านโปรแกรมนี้อีกที ตัวนี้ภาพรวมเค้าเปรียบว่าเหมือนกับเอาโปรแกรมสร้างเว็บไซต์สุดยอดสามอันมารวมกันคือ Dreamweaver + Photoshop + Flash มันเจ๋งขนาดนั้นไหมลองไปพิสูจน์ดูRead More →

device

การออกแบบเว็บไซต์ก็เหมือนกับงานออกแบบทั่วไป ที่นอกจากจะต้องมีฝีมือการออกแบบแล้ว เรื่องของเครื่องไม้เครื่องมือก็ต้องมีด้วยเหมือนกัน เปรียบเสมือนยอดนักรบต้องมียอดศาสตราวุธยังไงยังงั้นเลย นักออกแบบเว็บไซต์ไม่ว่าจะเป็นมือใหม่หรือมืออาชีพต้องมีเครื่องมืออะไรบ้าง เราขอหยิบบางส่วนมาแนะนำให้ไปลองใช้กันดู สีของโลกโซเชียล ออกแบบเว็บไซต์ก็ถือว่าเป็นงานศิลปะแขนงหนึ่ง สีจึงจัดว่าเป็นองค์ประกอบสำคัญของเราด้วยเช่นกัน เราไปเจอเว็บไซต์หนึ่งชื่อว่า www.materialui.co เว็บนี้ด้านในเค้ามีอยู่เมนูหนึ่งก็คือ สีของโซเชียลมีเดียต่างๆ ที่โด่งดั่ง เค้าเอามาเรียงไว้ให้หมดแล้ว เพื่อให้เราใช้สีไม่ผิดประเภท หรือความหมาย อยากรู้ว่าสีที่เราจะใช้นั้นตรงกับสังคมโซเชียลอันไหนบ้างก็ลองไปส่องกันดู เสียงกด ลูกเล่นก็สำคัญนะของการออกแบบเว็บไซต์ หากเราทำลูกเล่นดีก็ทำให้ผู้เข้าชมเว็บไซต์ได้รับประสบการณ์ที่ดีไปด้วย http://loudlinks.rocks เป็นอีกหนึ่งลูกเล่นอยากให้ลองไปโหลดมาเทสต์กัน ตัวนี้คืออะไร มันจะทำให้ปุ่มบนเว็บไซต์ของเรามีเสียงขึ้นมาว่ากดลงไปแล้ว เพื่อป้องกันไม่ให้กดซ้ำไปอีกครั้ง(ซึ่งอาจจะทำให้เว็บค้าง) เสียงปุ่มกดนี้มีโค้ดให้ดาวน์โหลดกันไปแบบฟรี ลองเข้าไปเล่นดูนะ Flat Icon กระแสการทำเว็บไซต์ด้วยการใช้ไอคอนสื่อสารแทนสิ่งที่ต้องการจะบอกมาแรงมาก บางครั้งเราก็ไม่รู้จะออกแบบไอคอนใหม่ได้ยังไง งั้นลองไปดูที่ www.flaticon.com ดูในนั้นมีไอคอนนับพันแบบให้เลือกหยิบไปใช้ในงานออกแบบได้เยอะมากน่าจะเป็นคลังข้อมูลด้านไอคอนที่ช่วยให้การออกแบบเว็บไซต์ของเราดีขึ้นกว่าเดิม แถบไล่สี เทรนด์พื้นหลังไล่สีเป็นเฉดต่างระดับกัน(เรียกกันว่า Gradient) อันนี้ก็มาแรงเหมือนกัน ใครไม่ถนัดงานด้านสีแต่อยากได้แถบไล่สีสวยๆ ลองเข้าไปดูที่ http://gradient.quasi.ink เข้ามีธีมไล่เฉดสีเยอะแยะเต็มไปหมด วิธีการก็เพียงแค่เลื่อนเมาส์ไปตามสีที่ต้องการ พอเจอก็กดเลือกได้เลย ไม่ยุ่งยากอะไรเพียงเท่านี้งานสีก็ไม่ใช่เรื่องใหญ่อีกต่อไป แหล่งรวมชุดสี ยังอยู่กับเรื่องของสี หากเราเคยศึกษาทฤษฏีสีมาอาจจะยังพอจำได้เรื่องของสีโทนร้อน สีโทนเย็น แต่พอจะเอามาใช้จริงบนงานตกแต่งเว็บไซต์ การเลือกสีไม่ง่ายอย่างที่คิดเท่าไร เอางี้เรามีแหล่งแนะนำ www.colourlovers.com แหล่งรวมชุดคู่สีที่ทำออกมาได้ดี มีเลือกหลากหลาย แต่ละชุดคู่สีที่ทำออกมาสวยและน่าเอาไปลองใช้ตกแต่งกับเว็บไซต์เรามากๆ แหล่งข้อมูลเหล่านี้น่าจะเป็นเครื่องมือหากินของเราได้อีกนานทีเดียวRead More →

Website-Design-photo

เมื่อเทคโนโลยีพัฒนาขึ้น หลายอาชีพถูกเทคโนโลยีเข้ามาแย่งงานจนต้องปิดตัวลงไป กลับกันเทคโนโลยีก็ทำให้เกิดอาชีพใหม่สร้างรายได้ก้อนใหญ่ได้อีกมากเหมือนกัน อีกหนึ่งอาชีพมาแรงในตลาดแรงงานกลุ่มสาขาไอที นั่นคือ ออกแบบเว็บไซต์ อาชีพนี้บอกเลยว่าทั้งใหม่ แต่รายได้ไม่น้อย ความต้องการเว็บไซต์ เว็บไซต์กำลังจะกลายเป็นเรื่องพื้นฐานของทุกธุรกิจบนโลกใบนี้ จากเดิมที่อาจจะมีหรือไม่มีก็ได้ เปลี่ยนเป็นต้องมี นั่นทำให้ความต้องการเว็บไซต์เพิ่มสูงขึ้นเป็นเงาตามตัว ครั้นจะทำเองก็เสียเวลา เอาเวลาตรงนั้นไปจ้างคนมาออกแบบเว็บไซต์ให้จะเร็วกว่า ได้ประสิทธิภาพได้ดีกว่า นั่นทำให้นักออกแบบเว็บไซต์มีความสำคัญต่อธุรกิจอย่างมาก ขายเว็บไซต์ไปได้ทั่วโลก เวลานักออกแบบเว็บไซต์จะนำเสนอสินค้าของตัวเอง เค้าจะทำสองรูปแบบ หนึ่งคือ เปิดบางส่วนให้ใช้ฟรีเพื่อโฆษณาตัวเอง สองนำไปขายตามแหล่งตลาดซื้อขายเว็บไซต์ ตลาดซื้อขายเว็บไซต์แบบนี้คนออกแบบสามารถเอาไปตั้งขายที่ไหนก็ได้ไม่ว่าจะเป็นในประเทศ ต่างประเทศ หรือทั่วโลก นั่นหมายความว่าสินค้าของเราสามารถเข้าถึงได้จากคนทั่วโลก องค์กรธุรกิจทั่วโลกมีอยู่เท่าไร จะไม่มีคนซื้องานออกแบบเว็บไซต์ของเราเลยเหรอ เป็นไปไม่ได้หรอก ขายเว็บไซต์ได้ตลอดเวลาไม่มีวันหยุด การขายสินค้าออนไลน์ ข้อดีคืออะไร นอกจากตลาดจะใหญ่ทั่วโลกแล้ว มันคือ เราสามารถตั้งขาย นำเสนอขายสินค้าของเราไว้บนโลกออนไลน์ ได้ตลอดเวลาไม่มีวันหยุด แถมเรายังสามารถรับเงินจากการออกแบบเว็บไซต์ได้แม้ว่าเราจะนอนหลับอยู่ ไปเที่ยว ไม่สบาย หรือทำอะไรก็ตาม แถมเว็บไซต์ที่เราออกแบบไว้นั้นเราสามารถตั้งขายไว้ได้นานเท่านั้น จะอีก 10 ปี งานออกแบบเว็บไซต์ของเราก็ยังสามารถทำเงินให้กับเราได้ถ้ายังมีคนซื้ออยู่ ลูกค้าระยะยาว รายเดือน นอกจากงานออกแบบเว็บไซต์แบบซื้อครั้งเดียวเสร็จ อาจจะมีองค์กรบางแห่งถูกใจฝีมือของเรา จนดึงตัวไปทำงานร่วมกันเป็นโปรเจกระยะยาว จ้างกันเป็นรายเดือน รายปี ก็มีเช่นกัน ทำให้เรามีงานออกแบบเว็บไซต์ตลอดทั้งปี รายได้เข้าตลอดแถมไม่น้อยด้วย ทำงานได้แม้อยู่บ้าน เดี๋ยวนี้คนรุ่นใหม่ต้องการทำงานที่สนุก ท้าทายความสามารถ พร้อมกับมีเวลาให้กับตัวเองและครอบครัวไปด้วย งานออกแบบเว็บไซต์สามารถตอบโจทย์ได้หมด เราสามารถทำงานแต่ละชิ้นได้แม้อยู่บ้าน ไม่ต้องออกเดินทางไปเจอรถติด ตอกบัตร ทำงานตามเวลาเหมือนกับพนักงานออฟฟิศ หรือเราจะไปทำธุระตอนกลางวัน พอตกค่ำก็มาทำงานส่งลูกค้าก็ได้ ชีวิตของเราจะยืดหยุ่นมาก ขอเพียงแต่ส่งงานให้ทันเวลาเท่านั้นแหละ ด้วยความสำคัญของเว็บไซต์ที่มากขึ้น ความต้องการนักออกแบบเว็บไซต์ก็มากขึ้นด้วย ใครที่กำลังมองหาอาชีพเสริม อาชีพหลักให้กับตัวเอง ลองเดินทางสายนี้ดูไม่แน่ คุณอาจจะกลายเป็นนักออกแบบเว็บไซต์มือทองก็เป็นได้Read More →