15 แนวโน้มการออกแบบเว็บไซต์ที่ควรระวังในปี 2555

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

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

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

1. การออกแบบอินเตอร์เฟสที่ตอบสนอง

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

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

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

2. อุปกรณ์มือถือหน้าจอสัมผัส

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

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

3. ตันของฟรี!

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

รายการโปรดส่วนตัวของฉันสองอย่างคือดาวน์โหลด PSD และ Designmoo ซึ่งทั้งคู่ได้รับการอัปเดตบ่อยครั้งโดยสมาชิกที่มีคุณภาพสูงสุด นอกจากนี้คลังเก็บของ Hongkiat Freebies มีขนมหวานมากมายให้ลองดู ในยุคใด ๆ ก่อนที่มันจะไม่เคยง่ายอย่างนี้ในการดาวน์โหลดเว็บอินเตอร์เฟส, เลย์เอาต์, โลโก้, แบนเนอร์, และไฟล์ PSD / AI ชนิดอื่น ๆ!

ดาวน์โหลดเรียบร้อย

ด้านล่างนี้เป็นของแถมฟรีอีกไม่กี่อย่างที่จะลองดูก่อนหน้านี้ในปี 2011 และถ้าคุณคิดว่ารายการนี้มีไฟล์ที่ยอดเยี่ยมให้รอจนกว่าจะถึงปี 2012!

Mini Web UI Set

เครื่องเล่นเพลง Dark Mini

แท็กเลื่อน

Dark Photo Slider

ช่องค้นหา

ลงชื่อเข้าใช้ / แบบฟอร์มลงชื่อเข้าใช้

เข้าสู่ระบบ Modal Box

ทำความสะอาดแบบฟอร์มเข้าสู่ระบบ

ตารางราคา

บาร์โหลดน้อยที่สุด

สิ่งที่แนบมา Pop-up

4. มาตรฐาน HTML5 และ CSS3

ทั้งสองต้นแบบการออกแบบใหม่เหล่านี้ได้รวบรวมสิ่งที่เติบโตขึ้นเรื่อย ๆ ตลอดปี 2554 นักออกแบบเว็บแบบ Semantic รอคอยมาหลายปีในการออกแบบ CSS-only ที่แสดงมุมโค้งมนและเงาที่หล่น นอกจากนี้ W3C ยังมีความก้าวหน้าอย่างมากในการสนับสนุนเบราว์เซอร์ยอดนิยม.

ฉันเห็น แต่สิ่งที่ดีสำหรับอนาคตของการพัฒนาเว็บ HTML5 / CSS3 เท่านั้น นักออกแบบ Front-end มักถูกมองข้ามในสาขาปัจจุบัน แต่พวกเขาก็ให้ความสำคัญกับกระบวนการจัดองค์ประกอบทั้งหมด พยายามอย่าบีบตัวเองเป็น 'ฉลาก' ชุดใด ๆ โดยใช้เทคนิคที่คุณรู้จักและฝึกฝนทุกวัน เราขอแนะนำวิธีการเขียนโค้ด HTML5 / CSS3 สำหรับผู้เริ่มต้นหากคุณรู้สึกว่าต้องการติดตาม.

การผสานกับมาตรฐานใหม่เหล่านี้จะทำให้การพัฒนาใน JavaScript และ jQuery ง่ายขึ้นมาก นักพัฒนาได้ทำการเผยแพร่และแบ่งปันรหัสโครงการ HTML5 / CSS3 ออนไลน์แล้วและหากมีสิ่งใดที่ดำเนินการต่อไปเราจะสังเกตเห็นสิ่งนี้มากขึ้นในปีหน้า.

5. ริบบิ้นและแบนเนอร์

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

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

6. ธีม WordPress พรีเมี่ยม

การเปิดตัว WordPress 3.0 ครั้งสุดท้ายนั้นมีโฮสต์ของคุณสมบัติที่รอคอยมานานเช่นประเภทโพสต์ที่กำหนดเองและรูปภาพบทความที่ไม่ซ้ำใคร แต่การเปลี่ยนแปลงที่ลึกซึ้งที่สุดที่ฉันเคยเห็นมาจากร้านค้าพัฒนา WordPress ซึ่งมีความเชี่ยวชาญในธีม WP แบบพรีเมี่ยม.

หลังจากที่คุณซื้อชุดรูปแบบแล้วกระบวนการติดตั้งจะคล้ายกับชุดอื่น ๆ ตอนนี้ก็เป็นไปได้ที่จะรวมฟังก์ชั่นปลั๊กอินที่กำหนดเอง, ธีมลูก, เมนูผู้ดูแลระบบใหม่, และฟีเจอร์อื่น ๆ มากมายจากในธีม! ธีม WooThemes, ElegantThemes และ Rocket เป็นเพียงไม่กี่แบรนด์ที่โดดเด่นสำหรับฉันเหนือสิ่งอื่นใด คุณภาพของพวกเขานั้นไร้ที่ติและฉันรู้สึกว่านักพัฒนาของพวกเขาก้าวไปข้างหน้าและเหนือกว่าเพื่อสร้างเทมเพลตที่ดีที่สุดและเมนูผู้ดูแลระบบที่ใช้งานง่ายที่สุด.

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

7. นิตยสารออนไลน์

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

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

8. Easy Drop Shadows

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

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

9. Dynamic วิชาการพิมพ์

แบบอักษรเป็นส่วนใหญ่ของทรงกลมที่ครอบคลุมประเพณีการออกแบบเว็บ แบบอักษรที่น่าสังเกตมากที่สุด ได้แก่ Arial, Helvetica, Georgia และ Trebuchet MS ได้รับมาหลายปีแล้ว แม้ว่าพวกเขาจะยังคงให้บริการวัตถุประสงค์ลึกในมาตรฐานเว็บมีตัวเลือกมากมายสำหรับการพิมพ์เว็บเพจขั้นสูง.

Typekit ตัวอย่างเช่นต้องการให้รวมสองสามบรรทัดของรหัสในส่วนหัวเอกสารของคุณ หลังจากนี้คุณสามารถระบุชื่อแบบอักษรที่ต้องการรวมและผนวกเข้ากับ CSS ของคุณ ส่วนที่ดีที่สุดเกี่ยวกับเทคนิคนี้คือส่วนใหญ่อาศัย JavaScript ดังนั้นผู้ใช้ไม่จำเป็นต้องติดตั้งแบบอักษร.

อีกทางเลือกหนึ่งคือ Google Web Fonts ซึ่งทำงานในลักษณะที่คล้ายคลึงกับ Typekit ฉันขอแนะนำให้นักออกแบบที่สนใจตรวจสอบข้อความค้นหา @ font-face ของ CSS3 เนื่องจากคุณได้รับความคิดสร้างสรรค์มากขึ้น รหัสนี้สามารถใช้เพื่อนำเข้า .TTF หรือ .OTF ไฟล์ฟอนต์จากเว็บเซิร์ฟเวอร์ของคุณและรวมเป็นฟอนต์สไตล์ชีตที่ใช้งานได้! ด้วยระบบทางเลือกมากมายที่ใช้ในการสร้างฟอนต์แบบไดนามิกฉันคาดว่าปี 2012 จะมีนวัตกรรมและความสามารถด้านการออกแบบในบริเวณนี้.

10. สไลด์โชว์รูปภาพ

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

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

11. Modal Popup Boxes

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

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

ในการรับแนวคิดสำหรับเว็บไซต์ของคุณเองลองเข้าไปที่ชุมชนการแบ่งปันข่าวสังคมที่เป็นที่นิยม Reddit และ Digg เป็นสองสิ่งแรกที่นึกถึงเพราะทั้งสองกล่องมีคุณสมบัติเป็นกิริยาช่วยในการลงทะเบียน / เข้าสู่ระบบด้วยรูปแบบทั่วไป นอกจากนี้เอฟเฟกต์ UI สำหรับ Google+ ยังมีฟังก์ชั่นการใช้งานเป็นจำนวนมาก.

12. รายการสร้างแรงบันดาลใจ

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

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

13. รูปขนาดย่อที่สร้างขึ้น

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

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

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

14. ไอคอนขนาดใหญ่

เทรนด์กึ่งพิเศษนี้มาจากความนิยมในการออกแบบไอคอน Mac OS X ในขณะที่โปรแกรมเมอร์เริ่มเปิดตัวเว็บไซต์สำหรับแอปพลิเคชั่น Mac ของเราเราทุกคนก็เคยเห็นขนาดที่ใหญ่มากในการสร้างแบรนด์ ดังนั้นแนวโน้มดังกล่าวจึงได้รับการพัฒนาผ่านนักพัฒนา iOS และตอนนี้อยู่ในวัฒนธรรมการออกแบบที่ทันสมัย.

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

15. ไฮเปอร์ลิงก์ที่เกินจริง

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

ลองดูตัวอย่างลิงค์จาก Patterntap เพื่อดูว่ามีอะไรโดดเด่นหรือไม่ มีแนวคิดที่เหลือเชื่อมากมายสำหรับการออกแบบไฮเปอร์ลิงก์ทั้งในแบบมาตรฐานและเอฟเฟ็กต์โฮเวอร์ CSS3 มุมโค้งมน, เงาข้อความและตระกูลตัวอักษรที่กำหนดเองเพิ่มความคิดที่ดียิ่งขึ้นในการผสมผสาน! หนึ่งในตัวอย่างที่ฉันโปรดปรานคือจาก SimpleBits ซึ่งใช้ภาพเคลื่อนไหวแบบไดนามิกสั้น ๆ ในแต่ละรายการลิงก์ของบล็อก.

ข้อสรุป

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