Web Designer ต้องเขียน Code เป็นหรือไม่? นี่เป็นคำถามที่มักจะเจอนักศึกษาหรือรุ่นน้องจากหลากหลายที่ถามกันเสมอ ด้วยที่มีคำว่า Web เข้ามาเกี่ยวข้องหลายคนจึงเข้าใจว่าจะเป็นนักออกแบบเว็บได้จะต้องเขียน Code ได้ด้วย
Podcast “สวัสดีเว็บ Podcast” EP ที่ 3 เราจะมาประเมินค่าใช้จ่ายสำหรับการทำเว็บ Blog ให้กับผู้ที่อยากเริ่มต้นมีเว็บในปี 2020 นี้ ได้เตรียมกันเงินเอาไว้ก่อน ส่วนค่าใช้จ่ายในการทำเว็บ Blog ด้วย WordPress CMS จะใช้งบประมาณเท่าไหร่ไปฟังพร้อมกันได้เลยครับ รับฟังได้ที่ Soundcloud, Podbean
การทำเว็บไซต์ต้องมีการพัฒนาอยู่เสมอ ด้วยเทคโนโลยีที่ออกใหม่ในทุกปี รวมไปถึงเทคนิคใหม่เครื่องมือใหม่ก็ออกมาให้เลือกใช้งานกันอยู่ตลอด ทำให้เว็บไซต์ที่ดีจะต้องมีการปรับปรุงให้ดีอยู่ตลอด ส่วนใครที่กำลังจะเริ่มทำเว็บไซต์ใหม่อย่าลืมวางโครงสร้างของเว็บไซต์ให้รองรับกับเทคนิคใหม่ที่จะมีบทบาทสำคัญมากในการทำเว็บไซต์ แต่ถ้าใครอยากให้เราลองช่วยวางโครงสร้างเว็บไซต์ใหม่ดู ผลงานของเรา เรายินดีเป็นอย่างมากที่จะวางโครงสร้างใหม่ให้คุ้มค่ากับเวลาบัดเจทที่คุณจะต้องเสีย แล้วเว็บไซต์ที่ดีนั้นส่งผลดีให้กับลูกค้าของคุณได้รวมถึงตัวคุณได้อย่างไร ? คำถามนี้หลายคนน่าจะมีอยู่ในใจอย่างแน่นอน เพราะการทำเว็บไซต์ทั้งเว็บก็ใช้ทั้งเวลาและงบประมาณในการทำพอสมควร เดี๋ยวเราจะมาอธิบายกันด้านล่างว่า 5 ข้อสำคัญ ใครจะทำเว็บไซต์ในปี 2020 ต้องมีอะไรบ้าง 1.ดีไซน์แบบ Bold colors + Simplicity หมดยุคไปนานแล้วกับเว็บไซต์ที่เต็มไปด้วยแสงเงาและเอฟเฟคเยอะๆ แต่เราเข้าสู่ยุคที่งานออกแบบเน้นไปที่ความเรียบง่าย ไม่ว่าเว็บไซต์ของคุณจะเป็นเว็บไซต์ประเภทไหนก็ออกแบบให้ง่ายและใช้งานได้ดีได้ แต่เว็บไซต์ที่ดูเรียบง่ายจนเกินไป เรียกได้ว่าสไตล์ฝรั่งจ๋าๆ จะไม่ค่อยถูกใจคนไทยสักเท่าไหร่ทำให้การทำเว็บไซต์ในไทยจะใช้ดีไซน์ที่เรียบง่ายจนเกินไปไม่ได้ แต่จะต้องเพิ่มกลิ่นอายความเป็นเว็บไซต์ของไทยเข้าไปเป็นบางส่วนตามความเหมาะสม เช่น เว็บไซต์มหาวิทยาลัยเทคโนโลยีสุรนารี ที่เราออกแบบโดยเน้นความเรียบง่ายแต่ยังมีกลิ่นอายความเป็นเว็บไซต์ที่ถูกใจคนไทยอยู่ 2. HTTPS ตอนนี้ทาง Google จะทำการแจ้งเตือนเว็บไซต์ที่ไม่มี HTTPS (Hypertext Transfer Protocol Secure) ให้เป็นเว็บไซต์ที่ไม่ปลอดภัย จะส่งผลเสียต่อเว็บไซต์ในหลายด้านเช่น ส่งผลเสียต่อคะแนน SEO ส่งผลเสียต่อความน่าเชื่อถือของเว็บไซต์ จึงกลายเป็นข้อบังคับไปแล้วว่าหลังจากนี้ใครจะทำเว็บไซต์ใหม่จะต้องมีการตังค่า HTTPS ให้กับเว็บไซต์ด้วย ซึ่งในการทำการงานของ Grappik จะทำการติดตั้ง HTTPS ให้กับทุกเว็บไซต์ของลูกค้าเป็นปกติอยู่แล้ว เนื่องด้วยงานหลักของเราคือเว็บองค์กรที่ภาพลักษณ์และความน่าเชื่อถือเป็นเรื่องที่สำคัญที่สุด 3.Responsive การทำเว็บไซต์ใหม่ทั้งทีสิ่งที่ควรจะให้ความสำคัญที่สุดคือเว็บไซต์จะต้องรอบรับการแสดงผลแบบ […]
คำพูดที่มักจะได้ยินกันเสมอเมื่อพูดถึงงาน ออกแบบเว็บไซต์ หรือ การเป็นนักออกแบบเว็บไซต์และ UI ที่ดีนั้นคือ ขาของพวกเรานั้นยืนอยู่ 2 ฝั่ง คือ ฝั่งของศิลปะ และ เทคโนโลยี เพราะเราไม่ใช่แค่นักออกแบบกราฟิกที่เน้นการสื่อสารและความสวยงามเพียงอย่างเดียว แต่เรายังต้องคำนึงถึงผู้ใช้งานเว็บไซต์ของเราเป็นอันดับแรกและยังต้องอ้างอิงกับเทคโนโลยีในยุคปัจจุบันเข้ามาผสมอีกด้วย ไม่ว่าจะเป็นเรื่องพฤติกรรรมของผู้ใช้งานที่เปลี่ยนไป หรือ ขนาด Devices ต่างๆที่มีการเปลี่ยนแปลงอยู่ตลอด ปัจจัยพวกนี้คือสิ่งที่ทำให้นักออกแบบเว็บไซต์ หรือ เทรนด์การออกแบบเว็บไซต์ เปลี่ยนแปลงกันอย่างรวดเร็ว วันนี้เราจะมาอัพเดต เทรนด์ออกแบบเว็บไซต์ 2019 ให้เพื่อนๆได้ปรับใช้กับการทำงานให้ได้ประสิทธิภาพและเว็บไซต์ที่สวยงามตามสิ่งที่ผู้ใช้งาน Happy กันทุกคน ก่อนเข้าเรื่องเราย้อนไปดู เทรนด์ออกแบบเว็บไซต์ ปีอื่นๆกันก่อนปี 2018 : เราไม่ได้เขียนเอาไว้ต้องขออภัยมานะที่นี้ด้วย แต่ยังไงเรามีข้อมูลของ Graphic Design Trends ที่สามารถเอามาอ้างอิงได้พอสมควร https://grappik.com/graphic-design-trends-2018/ปี 2017 : https://grappik.com/web-design-trends-2017/ปี 2016 : https://grappik.com/website-design-trends-2016/ เทรนด์ออกแบบเว็บไซต์ 2019 ออกแบบและพัฒนายังไงให้ถูกใจผู้ใช้งาน 1. Mobile First เทรนด์ออกแบบเว็บไซต์ […]
เราจะทำเว็บ WordPress ด้วยตัวเองใน 10 นาทีได้จริงหรือ ? สร้างเว็บ wordpress ภายในเวลาเพียงแค่ 10 นาทีนั้นทำได้จริงแน่นอน เพียงแต่เราต้องเตรียมความพร้อมให้เรียบร้อย เปรียบเสมือนพ่อครัวคนหนึ่งต้องการจะทำอาหารก็ต้องเตรียมวัตถุดิบให้พร้อมก่อนลงมือทำ การสร้างเว็บก็เช่นกันถ้าเรามีสิ่งที่จำเป็นเตรียมพร้อมเอาไว้ทุกอย่างแล้ว เวลาเพียงแค่ 10 นาทีก็เพียงพอที่เราจะช่วย สอนทำเว็บ WordPress ได้อยางแน่นอน ส่วนที่ยากในการทำ wordpress คือการปรับแต่งตัวระบบและการปรับแต่ง Theme ให้เป็นไปตามที่เราต้องการซึ่งจำเป็นจะต้องใช้ผู้เชี่ยวชาญในการปรับแต่งและใช้ระยะเวลาในการปรับแต่งเป็นสัปดาห์จนถึงหลายเดือน สำหรับใครที่ไม่มีความรู้ในเรื่องของ Code เราแนะนำให้ศึกษาการใช้งาน page builder ที่จะมาพร้อมกับ Theme ที่เราซื้อมาใช้งาน ก็สามารถสร้างเว็บไซต์ที่ไม่ซับซ้อนและมีหน้าตาที่ไม่ต่างจาก Theme มากนักเอาไว้ใช้งาน WordPress คืออะไร ? WordPress เป็นโอเพนซอร์ซซอฟต์แวร์ในการสร้างเว็บไซต์ มีระบบจัดการเนื้อหา (Content management system, CMS) ให้ใช้งาน พร้อมทั้งมี Theme ให้เลือกปรับใช้เพื่อความเหมาะสมกับเว็บไซต์ของคุณมากมาย ที่สำคัญคือมีปลั๊กอินระบบให้เลือกใช้งานมากมาย จุดเด่นอีกข้อของ WordPress คือความสามารถในการทำ SEO ของมันดีมาก จึงเหมาะสมกับเว็บไซต์ประเภทบทความสุดๆ […]
ออกแบบเว็บไซต์ ควรเริ่มจากตรงไหน ? เว็บไซต์เป็นหนึ่งในงานออกแบบที่เป็นปัญหาที่หลายคนจะต้องเคยประสบกับปัญหา “เราจะเริ่มต้นเรียนรู้อะไรใหม่ๆ อย่างไร” ในบทความนี้เราจะขอรวบรวมพื้นฐานการ ออกแบบเว็บไซต์ ที่ทุกคนต้องรู้ ย้ำว่าต้องรู้ เพราะวิธีการออกแบบอะไรนั้นจะมีพื้นฐานที่ต้องเข้าใจแตกต่างกัน ไม่ว่าจะเป็นงานออกแบบเว็บไซต์หรืองานออกแบบประเภทอื่น เช่น คุณทำงานเกี่ยวกับงานพิมพ์สิ่งที่ควรรู้จะเป็นในเรื่องของสีในงานพิมพ์ การจัดหน้ากระดาษ ความละเอียด หรืออะไรอีกหลายอย่าง การจะออกแบบเว็บไซต์ก็เช่นกันเราจำเป็นจะต้องเรียนรู้หลักการในการออกแบบเว็บไซต์เพราะว่าการออกแบบเว็บไซต์เป็นเรื่องของ งานออกแบบ + เทคโนโลยี ทำให้มีขีดจำกัดและข้อจำกัดที่ต้องรู้ สำหรับใครที่ต้องการศึกษาการออกแบบเว็บไซต์โดยการอ่านหรือศึกษาเองก็สามารถศึกษาในบทความนี้กันได้เลย เว็บไซต์มีกี่ประเภท ? จะออกแบบเว็บไซต์ได้อย่างไรถ้าไม่รู้เลยว่าเว็บไซต์มีกี่ประเภท ด้วยความที่คนเรามีความต้องการที่แตกต่างกันมากมายทำให้เว็บไซต์ประเภทต่างๆ เกิดขึ้นมากมายตามไปด้วย วันนี้เราจะขอยกตัวอย่างประเภทของเว็บไซต์ที่เรามักจะได้ออกแบบเว็บไซต์กันอยู่บ่อยๆ นั้นคือ 1.Corporate หนึ่งในเว็บไซต์ที่เราจะต้องออกแบบเว็บไซต์อยู่บ่อยๆ ก็คือเว็บ corporate นั้นเอง เว็บ corporate ก็คือเว็บไซต์ขององค์กรที่ต้องมีข้อมูลที่สำคัญขององค์กรนั้นแสดงอยู่เช่น บอกข้อมูลการติดต่อ (Contact) บอกข้อมูลเกี่ยวกับองค์กร (About us) หรือบางเว็บจะมีข้อมูลข่าวสาร และยังสามารถทำ Content online marketing ผ่านเว็บไซต์ด้วยบทความอีกด้วย ใครต้องการเว็บไซต์องค์กรทางเรามีความถนัดเป็นอย่างสูง สามารถดูรายละเอียดเพิ่มเติมได้ที่ บริการของเรา 2.Landing page อีกหนึ่งประเภทที่เราจะได้ออกแบบเว็บไซต์คือ Landing page มันคือเว็บไซต์ที่มักจะเป็นหน้าเดียว […]
นักออกแบบเราทำงานด้วยแรงบันดาลใจ ซึ่งการแรงบันดาลใจของทุกคนก็มีวิธีที่แตกต่างกันออกไป แต่การหาแรงบันดาลใจที่ง่ายที่สุดและรวดเร็วที่สุดนั้นคือการท่องเว็บไซต์ วันนี้เรารวบรวม เว็บไซต์ออกแบบ ทั้ง 10 เว็บที่จะมาให้แรงบันดาลใจกับนักออกแบบทุกคน
เมื่อวันที่ 3 กุมภาพันธ์ 2017 ที่ผ่านมา เว็บไซต์ www.awwwards.com ได้มีการประกาศรางวัลสุดยอดเว็บไซต์แห่งปี 2016 ที่ผ่านมา
ในการออกแบบเว็บไซต์หนึ่งเว็บไซต์ขึ้นมานั้นอาจจะไม่ง่ายเหมือนการออกแบบกราฟิกทั่วไป เพราะองค์ประกอบของเว็บไซต์นั้นค่อนข้างที่จะมีรายละเอียดที่ซับซ้อนมากกว่า การออกแบบเว็บไซต์ให้ออกมาสวยนั้นอาจจะเป็นเรื่องที่ง่าย แต่การออกแบบให้เว็บไซต์ใช้งานได้ง่ายนั้นไม่ใช่เรื่องง่ายเลย
ปี 2016 ปีแห่งการ ออกแบบเว็บไซต์ สไตล์ Minimal เรียบหรูและดูง่ายสบายตา นักออกแบบชื่อดังหลายๆคนลงความเห็นพร้อมกันว่าปีนี้การ ออกแบบเว็บไซต์ ในสไตล์แบบ Minimal, Flat (การใช้รูปทรง 2 มิติ) จะเป็นแนวทางที่ได้รับความนิยมอย่างมาก
ออกแบบเว็บไซต์ E-commerce เป็นเรื่องสำคัญเพราะในปีที่ผ่านมานั้นธุรกิจขายของออนไลน์หรือเว็บไซต์ E-Commerce ได้เติบโตขึ้นอย่างมาก ผู้คนหันมาซื้อของในร้านค้าออนไลน์กันมากขึ้นกว่าเมื่อก่อน เพราะมีสินค้าหลากหลายชนิดให้เลือกสรรค์อีกทั้งยังได้สินค้าที่ราคาถูกแถมยังประหยัดเวลาในการเดินเลือกซื้อไปได้มากด้วย
นักออกแบบมีหลากหลายประเภทแยกกันไปเยอะมากมายทั้ง Graphic Design , Type Design , Logo Design , Character Design ทั้งหมดที่กล่าวมาคือนักออกแบบที่สามารถจบงานได้ด้วยตัวคนเดียวได้อย่างไม่ยากเย็น แต่ยังมีนักออกแบบอีกหนึ่งสายที่ต้องคอยทำงานร่วมกับผู้อื่นหรือแม้กระทั้งต้องคอยคิดว่าผู้อื่นนั้นจะสามารถใช้งานที่เราออกแบบได้ไหม นักออกแบบสายที่กล่าวมานั้นก็คือ เว็บดีไซน์ หรือ นัก ออกแบบเว็บไซต์ นั่นเอง
เวลาเราจะเริ่มทำงานคงพูดได้เลยว่าไม่มีนักออกแบบคนไหนที่จะไม่หาแรงบันดาลใจก่อนเริ่มทำงานชิ้นนั้นๆ เพราะอะไรละไอเดียเริ่มต้นของงานเหล่านั้นอยู่เฉยๆคงไม่ผุดขึ้นมาเองได้แน่ เราจำเป็นต้องหาแรงบันดาลใจกันหน่อยเผื่อให้สมองได้ทำงานและผุดไอเดียเจ๋งๆขึ้นมา แน่นอนว่านักออกแบบทุกคนเริ่มหาแรงบันดาลในนั้นที่แรกก็คือ อินเตอร์เน็ต แต่มันก็กว้างขวางใหญ่โตซะเหลือเกินจนไม่รู้จะเริ่มจากไหน เพราะงั้นทีมงาน Grappik จึงได้ตั้งโพลเพื่อสอบถามนักออกแบบหลายๆคนว่า เข้าเว็บไหนเพื่อหาแรงบันดาลใจกันบ้าง ในที่สุดเราก็ได้คำตอบมามากมายว่าเว็บไหนกันนะที่เราควรที่จะเข้ามันทุกวัน ถ้าพร้อมแล้วมาดูกันเลยครับ 1. Pinterest เว็บที่ใช้งานง่ายและมีงานออกแบบให้ดูเกือบทุกประเภท Pinterest มาจากคำว่า Pin+Interest แปลตรงตัวคือ การปักหมุดรูปภาพที่เราสนใจลงบนบอร์ดของเราเอง แน่นอนว่านักออกแบบจากทั่วโลกมาสิงอยู่ในนี้กันเกือบหมดด้วยฟังก์ชั่นการดูผลงานที่ง่ายและสามารถเลือกดูงานได้อย่างไม่จำกัดจึงพูดได้เลยว่า Pinterest เป็นเว็บไซต์ที่นักออกแบบนิยมเข้ากันมากๆ ใครยังไม่เคยลองบอกเลยว่าลองเถอะมันแจ่มจริงๆนะ หลายเสียงยืนยันว่า Pinterest นั้นแจ่มจริงๆ 2. Behance เชื่อได้เลยว่านักออกแบบทุกคนล้วนรู้จักเว็บไซต์นี้เป็นอย่างดี เว็บไซต์ที่เกิดขึ้นมาสำหรับนักออกแบบและครีเอทีฟโดยเฉพาะ นักออกแบบจากทั่วทุกมุมโลกถ้าอยากโชว์ผลงานแบบจัดเต็ม Behance ตอบโจทย์มาก เพราะเว็บนี้สามารถลงงานได้แบบมี Story และสามารถใส่งานได้เยอะจุใจ โปรเจคงามๆล้วนมีให้ดูในเว็บไซต์นี้ทั้งนั้น ถ้าไม่เชื่อลองเข้าไปดูได้เลยครับ Behance เป็นอีกหนึ่งเว็บไซต์ที่แอดมินเข้าประจำเลยนะครับ งานเด็ดมีให้ดูเพียบเลย 3. Dribbble นักออกแบบเข้ากันเกือบทุกวันเพราะเป็นเว็บไซต์ที่ใช้ง่ายและโหลดข้อมูลได้เร็วมีงานให้เลือกดูหลากหลายประเภทแต่ขนาดที่ดูได้นั้นเว็บไซต์จะกำหนดให้สามารถดูได้แค่ขนาด 400 x 300 pixel เท่านั้น แต่ถ้าอยากร่วมโชว์ผลงานด้วยนั้นต้องได้รับเชิญจากสมาชิกในเว็บไซต์นั้นเสียก่อน แต่ถ้ายังไม่อยากร่วมโชว์ผลงานก็สมัครสมาชิกแล้วนั่งดูงานคนอื่นเป็นแรงบันดาลใจไปด้วยก็สามารถสมัครได้ทันทีเลย 4. awwwards สายนักออกแบบเว็บไซต์คงรู้จัก www.awwwards.com กันแทบทุกคนเพราะเป็นเว็บไซต์ที่รวมผลงานเว็บไซต์เจ๋งๆจากทั่วโลกไว้มากมาย แถมยังมีการให้รางวัล […]
เราได้เห็นงานออกแบบ flat design มามากมายเหลือเกินในช่วงเวลานี้ ซึ่งถือว่าเป็นแนวทางที่ได้รับความนิยมสุดๆ ซึ่งมันคงไม่ไช่แนวการออกแบบที่จะได้รับความนิยมในช่วงสั่นๆ อย่างแน่นอน แต่คาดว่ามันจะยังได้รับความนิยมไปอีกนาน ซึ่ง flat design มันจะต้องมีความสมดุลกันระหว่าง ความสวยงามและการใช้งาน ถ้าเราควบคุมสองสิ่งนี้ได้มันจะกลายเป็นงานที่มีพลังสุดๆ วิธีใช้งาน flat design เราจะใช้งาน flat design ยังไง? ให้งานออกแบบที่ flat แล้วทำให้งานออกมาดูดี รวมไปถึงเครื่องมือและวิธีการต่างๆ ซึ่งวันนี้เราเลยจะมาแนะเทคนิคในส่วนนี้กัน 1. ใช้เงายาว การเลือกใช้เงาแบบนี้มักจะใช้งานในส่วนของปุ่ม UI ขนาดเล็กและจะใช้โทนสีแค่สีเดียว ทำมุม 45 องศาเพื่อให้ง่ายต่อการนำไปใช้งานต่อ (แน่นอนเราตั้งค่ามุม 45 ย่อมจำง่าย) เงาแบบยาวจะช่วยเพิ่มความลึกให้กับ UI เรามากขึ้น แต่วิธีการใช้งานเงาแบบนี้อาจจะโดนแทนที่ด้วยเงาแบบที่สั้นขึ้นในอนาคต 2. ใช้สีที่สดใส เลือกใช้สีที่สดใสเป็นเรื่องสนุกของงานออกแบบ flat design ให้มีสีที่โดดเด่นเฉพาะตัวของงานเรา ซึ่งเราสามารถใช้สีได้หลากหลายแต่ก็อย่าลืมว่าสีที่มากเกินไปอาจจะทำให้งานของเราดูรกจนเกินไป เราแนะนำว่าควรเลือกค่าสีให้ดี ซึ่งเรามีตัวช่วยก็คือ flatuicolors ที่รวบรวมสีนาม flat design พร้อมค่าสีมาให้เราเลือกใช้แบบง่ายๆ 3. ใช้ตัวอักษรง่ายๆ บางที Flat Design อาจจะไม่เหมาะกับฟ้อนต์อย่าง Helvetica […]