เทรนด์การออกแบบเว็บไซต์ ปี 2019

เทรนด์การออกแบบเว็บไซต์ ปี 2019

เทรนด์การออกแบบเว็บไซต์ ปี 2019
ที่มา : https://www.theedigital.com/blog/web-design-trends-2019

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

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

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

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

คนเรานะไม่ได้อดทนขนาดนั้น เราพร้อมจะเปลี่ยนตลอดเวลา  จริง ๆ แล้วอินเตอร์เน็ตเป็นเหมือนสิ่งที่เอเลี่ยนสร้างไว้ที่คอยสังเกตุพฤติกรรมของมนุษย์  พวกเอเลี่ยนนะอาจจะทราบว่าพวกเราไม่ได้ชอบการรอคอยซักเท่าไร จากการศึกษาโดย Akamai และ Gomez.

วิธีการติดตั้ง React ตั้งแต่เริ่มต้น

วิธีการติดตั้ง React ตั้งแต่เริ่มต้น

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

(more…)

10 Front-End Framework มาแรงในปี 2018

10 Front-End Framework มาแรงในปี 2018

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

(more…)

เทรนด์ออกแบบหน้าเว็บและแอพมาแรง ปี 2018 Part 2

เทรนด์ออกแบบหน้าเว็บและแอพมาแรง ปี 2018 Part 2

สวัสดีครับ ยินดีต้อนรับสู่ Part 2 ครับ

เพื่อเป็นการไม่เสียเวลาเรามาดูกันเลย

Split Screens

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

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

เว็บไซต์สารานุกรม ใช้หน้าจอแยกสำหรับแบ่งหน้ารายการ

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

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

 

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

 

Bold Typography

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

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

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

Buttonless UI 

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

แอพสารานุกรมนำเสนออินโฟกราฟิกแบบโต้ตอบ สำหรับข้อมูลช้าง การโต้ตอบทั้งหมดกับข้อมูลเกิดขึ้นโดยปราศจากปุ่มต่าง ๆ แต่จะใช้การเลื่อนเพื่อดูข้อมูลแทน

Vibrant and Bold Colors

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

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

Engaging Interface Animation

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

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

Slumber App มีจุดเด่นเรื่องหน้าจอหลัก ภาพ illustration ที่ทำงานร่วมกับ preloading ช่วยให้การรอไม่น่าเบื่อ และบวกกับการเล่นกับความสุนทรีย์

จบ Part 2 จ้า โปรดติดตามชมตอนต่อไป
Complete Web & App Design Course - UX, UI and Design Thinking With Big Data Bootcamp
เรียนรู้ หัวใจหลักสำคัญของการทำ Product ด้วย UX และ UI
การออกแบบโดยใช้ Concept ของ Design Thinking
นำข้อมูลที่ได้มาพัฒนา Product อย่างสม่ำเสมอ โดยใช้ Concept ของ Big Data
รายละเอียดเพิ่มเติมและสมัครที่นี่
หลักสูตรยาว 12 ครั้ง รวมเวลากว่า 72 ชั่วโมง จบมาทำงานได้จริง
ราคาคุ้มค่าที่สุด ตอนนี้มี promotion มา 2 คนลดเพิ่ม 10% 3 คนลดเพิ่ม 15%
สามารถขอ code ส่วนลดได้ที่ page LEAN upskill

อะไรคือ Test Driven Development (TDD)? ตัวอย่าง

อะไรคือ Test Driven Development (TDD)? ตัวอย่าง

อะไรคือ Test Driven Development (TDD)?
TDD สามารถอธิบายได้ว่า เป็นการฝึกโปรแกรมเพื่อให้นักพัฒนาทราบถึงว่าโค้ดใหม่ที่เขียนขึ้นมาเมื่อได้รับการทดสอบแล้วมันผิดพลาดไหม  แถมยังหลีกเลี่ยงโค้ดที่ซ้ำกันได้อีกด้วย โดย TDD ย่อมาจาก Test Driven Development เป้าหมายหลักของ TDD คือการทำให้โค้ดสะอาด เรียบง่าย  และปราศจากบัค
(more…)

พิชิตปัญหาคุยกับไอทีไม่รู้เรื่อง ด้วยภาษาอังกฤษ!

พิชิตปัญหาคุยกับไอทีไม่รู้เรื่อง ด้วยภาษาอังกฤษ!

เคยไหมที่ไอทีพูดอะไรก็ไม่รู้ แล้วคุณรู้สึกปวดหัวไหม?

เคยอยากลองแก้ปัญหาไอทีเอง แล้วรู้สึกศัพท์อะไรไม่รู้เต็มไปหมด?

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

(more…)

อนาคตของ Java Enterprise

อนาคตของ Java Enterprise

ช่วงไม่กี่เดือนที่ผ่านมานี้ มีการเปิดเผยว่า ภาษา Java กำลังพบกับการเปลี่ยนแปลงครั้งใหญ่อีกครั้ง

นอกจากการโหวตให้มีการเปลี่ยนชื่อของ Java Enterprise จากปัจจุบัน Java EE เป็น Jakarta EE – แบรนด์ที่อยู่ภายใต้การดูแลของ Eclipse Foundation สำหรับผู้ใช้ coding robust แอพพลิเคชั่นเอนเตอร์ไพร์ส โดยใช้ภาษา Java ในการปรับปรุงผลิตภัณฑ์และก้าวเข้าสู่ตลาด DevOps ที่กำลังแข่งขันสูงอยู่แล้ว อาจดูเหมือนเป็นสถานการณ์ที่เลวร้าย

(more…)

คู่มือลัด: Scrum สำหรับสตาร์ทอัพ

คู่มือลัด: Scrum สำหรับสตาร์ทอัพ

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

(more…)

TDD – Java JUnit FizzBuzz

TDD – Java JUnit FizzBuzz

TDD - Java JUnit FizzBuzz

เรื่องนี้เกิดขึ้นในตอนเช้าวันอาทิตย์ ที่ผมกำลังฝึกใช้ FizzBuzz อยู่

ผมได้ยินมาว่า FizzBuzz จะถูกใช้ในการสัมภารณ์ด้วย ผมเลยว่าจะลองเล่นกับมันดูหน่อย

สามารถศึกษา FizzBuzz ได้ ที่นี้

วิดีโอที่ผมสร้างในส่วน TDD นั้นจะท้ายบทความครับ

(more…)

ภาษาอังกฤษสำหรับ IT

ภาษาอังกฤษสำหรับ IT

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

(more…)