ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comไทย เสียว บอร์ดTutorial (ห้ามตั้งคำถามห้องนี้)10 Trends เว็บไซต์ดีไซน์ที่จะมาแรงในปี 2561
หน้า: [1] 2 3 4   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: 10 Trends เว็บไซต์ดีไซน์ที่จะมาแรงในปี 2561  (อ่าน 26754 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
stjames
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 105
ออฟไลน์ ออฟไลน์

กระทู้: 1,178



ดูรายละเอียด
« เมื่อ: 03 เมษายน 2018, 21:11:34 »


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

1. Responsive Mobile First


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

2. ให้ความสำคัญกับหน้าแรก Landing Page


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

3. สีสันสดใส โดดเด่น โดนใจทุกเพศทุกวัย


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

4. Parallax Scrolling Website


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

ตัวอย่างเว็บไซต์ http://www.fareastmarble.com/

5. Typography ตัวอักษรใหญ่ๆ เด่นๆ


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

ตัวอย่างเว็บไซต์ https://www.apple.com/th/

6. งาน Animation ของมันต้องมี


การออกแบบ Animation บนเว็บไซต์ไม่ว่าจะเป็นไฟล์ Gif animation, SVG, CSS หรือ APNG เป็นสิ่งที่เราพบเห็นได้บ่อยบนเว็บไซต์ทั่วไปไม่ว่าจะเป็นในประเทศไทย หรือต่างประเทศ ซึ่งเทรนด์นี้ก็ยังเป็นที่นิยมใช้กันแพร่หลาย เพื่อดึงดูดความสนใจ หรือเพื่อเน้นส่วนต่างๆ ในเว็บไซต์ แต่ไม่ควรใส่ภาพกราฟิกเคลื่อนไหวมากเกินไป อาจจะก่อให้เกิดความสับสนต่อผู้ใช้งานได้ ดังนั้นเราจึงควรใช้แต่พอดีเน้นในส่วนที่ต้องการเน้นเท่านั้น

7. โฟกัสกับการจัดวาง Layout


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

8. MENU ไม่ต้องอยู่ด้านบนเสมอไป


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

9. สร้างเอกลักษณ์โดยใช้รูปภาพจริง


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

ตัวอย่างเว็บไซต์ http://www.bkforklift.com/

10. ใช้วีดีโอเรียกความสนใจ


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

ตัวอย่างเว็บไซต์  http://www.kokchangsafari.com/




ที่มา http://www.atimedesign.com/webdesign/10-trend-web-2018/
« แก้ไขครั้งสุดท้าย: 12 เมษายน 2018, 20:15:36 โดย stjames » บันทึกการเข้า

ผมไปซื้อกล้วยแขกที่ตลาดนัด
แม่ค้าถามว่า "พี่เอามันมั้ยคะ" 
จะตอบยังไงดี...

อ่านบทความจาก atimeNews อัพเดททุกวัน  + backlink สักเล็กน้อย ~♩ ♪ รับทำเว็บไซต์
okkrub
ก๊วนเสียว
*

พลังน้ำใจ: 9
ออฟไลน์ ออฟไลน์

กระทู้: 237



ดูรายละเอียด
« ตอบ #1 เมื่อ: 03 เมษายน 2018, 21:33:11 »

 wanwan017
บันทึกการเข้า

furby
Newbie
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 72



ดูรายละเอียด
« ตอบ #2 เมื่อ: 03 เมษายน 2018, 22:09:31 »

ขอบคุณครับ
บันทึกการเข้า
Happyteeth
Newbie
*

พลังน้ำใจ: 52
ออฟไลน์ ออฟไลน์

กระทู้: 15



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 03 เมษายน 2018, 22:22:09 »

ขอบคุณค่ะ
บันทึกการเข้า
Feed
คนรักเสียว
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 109



ดูรายละเอียด
« ตอบ #4 เมื่อ: 03 เมษายน 2018, 22:37:08 »

ขอบคุณครับ
บันทึกการเข้า
oil1979
ก๊วนเสียว
*

พลังน้ำใจ: 19
ออฟไลน์ ออฟไลน์

กระทู้: 323



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 03 เมษายน 2018, 22:43:14 »

ขอบคุณครับ  wanwan017
บันทึกการเข้า

ChinChaz
คนรักเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 133



ดูรายละเอียด
« ตอบ #6 เมื่อ: 03 เมษายน 2018, 22:45:39 »

ขอบคุณสำหรับบทความพร้อมตัวอย่างครับ
บันทึกการเข้า

Appman
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 77
ออฟไลน์ ออฟไลน์

กระทู้: 3,013



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 04 เมษายน 2018, 03:58:14 »

ขอบคุณมากครับ ได้ประโยชน์มากๆ
บันทึกการเข้า

rapepong
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 12



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 04 เมษายน 2018, 05:04:31 »

ชอบเว็บนี้ ตรงนี้แหละ แม้จะเพิ่งก้าวเข้ามา ขอบคุณความรู้ดีๆ ที่มีให้แบ่งปันกัน
บันทึกการเข้า

ท่องเที่ยว.cc
บ้านคอนโด.cc
สุขภาพ.cc
MrPom
ก๊วนเสียว
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 404



ดูรายละเอียด
« ตอบ #9 เมื่อ: 04 เมษายน 2018, 06:53:16 »

 wanwan017
บันทึกการเข้า
tanat29
ก๊วนเสียว
*

พลังน้ำใจ: 2
ออฟไลน์ ออฟไลน์

กระทู้: 407



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 04 เมษายน 2018, 08:19:05 »

สวยทุกเว็บเลยขอบคุณครับ
บันทึกการเข้า

kanok@thailandsoft.com
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 471



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 04 เมษายน 2018, 08:35:59 »

สวยมากเลยคับ
บันทึกการเข้า

Bes
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 145
ออฟไลน์ ออฟไลน์

กระทู้: 3,502



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 04 เมษายน 2018, 08:58:59 »

ขอบคุณครับ
บันทึกการเข้า

darkgital
Newbie
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 63



ดูรายละเอียด
« ตอบ #13 เมื่อ: 04 เมษายน 2018, 09:24:33 »

เข้าท่าครับ  wanwan003
บันทึกการเข้า
bnkisis
คนรักเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 193



ดูรายละเอียด
« ตอบ #14 เมื่อ: 04 เมษายน 2018, 09:26:44 »

ขอบคุณมากครับ  wanwan003
บันทึกการเข้า
Jocho99
คนรักเสียว
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 180



ดูรายละเอียด เว็บไซต์
« ตอบ #15 เมื่อ: 04 เมษายน 2018, 09:27:54 »

  ขอบคุณครับ

 พอจะมีข้อแนะนำสำหรบ การทำ landing page หน้าแรกเพื่อให้มีคุณภาพป่าวครับ แบบละเอียดๆหน่อย.....อยากได้จุง  wanwan017
บันทึกการเข้า

Normaderm
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 181
ออฟไลน์ ออฟไลน์

กระทู้: 3,977



ดูรายละเอียด เว็บไซต์
« ตอบ #16 เมื่อ: 04 เมษายน 2018, 09:28:13 »

ขอบคุณครับ  wanwan017
บันทึกการเข้า

cloudsphere
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 229
ออฟไลน์ ออฟไลน์

กระทู้: 6,198



ดูรายละเอียด เว็บไซต์
« ตอบ #17 เมื่อ: 04 เมษายน 2018, 09:54:40 »

ขอบคุณสำหรับข้อมูลครับ  wanwan003 wanwan003
บันทึกการเข้า

hardrock99
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 69



ดูรายละเอียด เว็บไซต์
« ตอบ #18 เมื่อ: 04 เมษายน 2018, 10:00:18 »

 แจ่มมากครับ ขอบคุณครับบ
บันทึกการเข้า
nobitalk
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 72
ออฟไลน์ ออฟไลน์

กระทู้: 2,764



ดูรายละเอียด เว็บไซต์
« ตอบ #19 เมื่อ: 04 เมษายน 2018, 11:55:39 »

สาระดีๆ ขอบคุณครับ
บันทึกการเข้า

หน้า: [1] 2 3 4   ขึ้นบน
พิมพ์