Trang

3 thg 1, 2012

Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ


2011 trends 0 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ
Tháng 12 đã sắp kết thúc và dường như cuối cùng chúng ta cũng sắp kết thúc năm 2011- một năm với rất nhiều font chữ mới thú vị được sử dụng chowebsite. CSS3, HTML5 và responsive design luôn là chủ đề thảo luận nóng hổi nhất. Chúng cũng đánh dấu sự ra đi của các phong cách cũ. Flash, Silverlight và những plugin tương tự không còn được chú ý quan tâm trong năm 2011, và có lẽ chúng sẽ không còn là chủ đề nổi bật nữa.
Để kết thúc một năm với những thông tin nổi bật, chúng tôi đã lục tung tất cả các trang web để tìm kiếm các mô hình và xu hướng đã xuất hiện hoặc trở nên ngày càng phổ biến trong năm 2011. Hãy cùng chúng tôi xem qua hơn 50 website để thấy sự nổ lực để tạo ra các thủ thuật và theme tương tự. Tôi chắc rằng không khó để thấy các xu hướng mà bạn đã sử dụng cho dự án của bạn trong năm nay.

Xu hướng hàng đầu: Responsive Design

Năm 2010, Ethan Marcitte đã tạo ra xu hướng Responsive Design, anh đã có một bài viết và nêu ra tính thuyết phục của xu hướng này trên A List Apart. Giữa năm 2011, Responsive Design đã hoàn toàn trở thành xu hướng hot nhất trong thiết kế web.
Đây không phải là phong cách nhất thời như những phong cách khác trong danh sách, đó là một cách tiếp cận mới để tạo nội dung cho trang web nhằm mục đích mang lại trải nghiệm tốt nhất cho những thiết bị. Đối với một số designer ủng hộ ý tưởng thiết kế này để tăng hiệu quả công việc, ngày càng có nhiều người cho rằng bạn sai khi website của bạn không ứng dụng xu hướng này.
Design Shack đã không xa lạ gì với các chủ đề về responsive design trong năm nay, sau đây là một vài bài mà chúng tôi viết về chủ đề này:
Tôi có thể dễ dàng cung cấp cho bạn hàng trăm ví dụ về Responsive design trong năm nay mà rất nhiều người khác đã cùng nhau làm việc vất vả vì bộ sưu tập này. Bộ sưu tập hiện tại yêu thích của tôi là Media Queries, với hơn 200 ví dụ mẫu.
2011 trends 53 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ
Responsive design là xu hướng chủ chốt của năm 2011 nhưng ngoài ra cũng có một số xu hướng khác nhỏ hơn. Sau đây là một số xu hướng mà chúng tôi nhận thấy trong năm qua.

Dashed Lines

Dash lines đã nhận được sự quan tâm của các designer trong năm 2011. Đôi khi là những đường thẳng, nhưng hầu hết là việc sử dụng những đường uốn lượn điển hình nhằm thu hút sự chú ý và dẫn bạn đến nơi mà các designer muốn.
Tôi đã đề cập đến xu hướng này trong rất nhiều bài viết trong năm nay như một cách tuyệt vời để đạt được sự tương đồng trong kết cấu của thiết kế . Đó là cách hoàn hảo để truyền đạt mọi thứ theo một cách dễ dàng hơn.

Founders Fund

2011 trends 1 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Yes!

2011 trends 2 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Boo Bebe

2011 trends 3 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Quartier Vier

2011 trends 4 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

AskLela.org

2011 trends 5 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Những hình tròn

Tôi có một chút ngần ngại khi đề cập đến xu hướng này bởi tôi không chắc rằng bạn sẽ chọn những khối hình dạng cơ bản nhằm tham khảo như một xu hướng thiết kế. Nhưng về tổng quan, hình tròn luôn hiện diện trong tất cả các kiểu thiết kế.
Tuy nhiên, tôi đã thấy sự gia tăng trong việc sử dụng những hình tròn như những yếu tố thiết kế trọng yếu. Rõ ràng có rất nhiều designer sau đây cố ý dùng những hình tròn như yếu tố thiết kế trọng yếu cho theme của họ và xây dựng ý tưởng cơ bản nhưng rất thanh lịch. Kết quả là những thiết kế rất tự nhiên và bạn có thể thấy rất nhiều thiết kế bên dưới có cấu trúc đơn giản và các vòng tròn được sắp xếp theo một đường thẳng thay thế cho xu hướng cũ hình chữ nhật.

Carnette

2011 trends 6 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Lisi Design

2011 trends 7 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Pistachio Sketching

2011 trends 8 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

TaosPuso Foundation

2011 trends 9 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

English WorkshopLanguage Learning

2011 trends 10 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Air Protect

2011 trends 11 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Agência iSee Interactive Group

2011 trends 12 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Decode

2011 trends 13 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Sleek Design

2011 trends 14 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Rakesh

2011 trends 15 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

I AM ZAM

2011 trends 16 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

In My Bubble

2011 trends 17 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Retro rõ ràng và tinh tế

Tôi nghĩ rằng retro là xu hướng không bao giờ lỗi thời. Chúng là phong cách thiết kế luôn được quan tâm qua các thời kỳ. Phong cách này thật sự thú vị khi phong cách thiết kế hiện đại và cổ điển cùng phát triển song song.
Trong những năm qua, phong cách thiết kế retro và typography được sử dụng thường xuyên như khi bạn mong đợi được thấy chiếc áo của Old Navy. Tuy nhiên, như những thiết kế rõ ràng trong xu hướng hiện đại, xu hướng retro là bước nhảy vọt tương tự những xu hướng tinh tế khác. Những ngày này, xu hướng retro typography khá sang trọng và rõ ràng. Shadow cũng thường được sử dụng với rất nhiều đường line hoặc một số trang trí đơn giản so với màu sắc nóng.

Big Bite Creative

2011 trends 18 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Beerworks

2011 trends 19 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Urbanoff

2011 trends 20 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Noltedesign

2011 trends 21 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Ribbons

Yếu tố thiết kế quan trọng nhất trong năm 2011 là ribbon treo thẳng đứng. Yếu tố này xuất hiện ở khắp mọi nơi như một cách tích hợp sự độc đáo đối với logo, icon hoặc văn bản, giúp chúng nổi bật so với background.
86239 1323453333 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ
Hình dạng điển hình giống như có hai hình tam giác ở phía dưới, nhưng các designer đã thử nghiệm với rất nhiều hình dạng tương tự như ribbon. Một ví dụ dưới đây có hình dạng gần giống ribbon và tạo điểm nhấn bằng cách biến nó thành túi áo sơ mi.

Change Nation

2011 trends 22 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

GiveBeyond.Me

2011 trends 23 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Tao Community

2011 trends 24 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Red Bowl Challenge

2011 trends 25 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Marisco Gallego a Domicilio

2011 trends 26 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

LoadUp 2012 by PuddleDrop

2011 trends 27 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

DigitalSafe

2011 trends 28 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Anhalter des Jahres 2011

2011 trends 29 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Goatee Joe

2011 trends 30 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Jopp

2011 trends 31 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Sunday Best Websites

2011 trends 32 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

HarryFord

2011 trends 50 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Kitchen Sink Studios

2011 trends 52 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Sử dụng ba yếu tố

Các designer đều biết rằng số ba là một con số kỳ diệu và điều này thể hiện rõ ràng trong thiết kế web năm nay. Một kỹ thuật layout phổ biến mà bạn thường xuyên thấy là sử dụng ba phần nổi bật hoặc các đối tượng nổi bật để thể hiện một quá trình, danh dách các tính năng hay concept.
Tôi thật sự thích xu hướng này bởi nó giúp các designer đơn giản hóa thông tin trình bày và giúp người dùng dễ dàng hiểu. Kết quả là một website hấp dẫn với đầy đủ thông tin cần thiết và cân bằng.

Tabspresso

2011 trends 33 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Treehouse

2011 trends 34 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Shady Acres

2011 trends 35 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Sellfy.com

2011 trends 36 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Xu hướng tờ giấy cuốn

Drop shadow đã khá phát triển. Đây là thủ thuật thiết kế sử dụng curved shadow đơn giản để trang web trong giống như tờ giấy cuộn. Nó cũng làm bạn tin rằng có gì đó đang diễn ra, khó để khiến mắt của bạn nhìn chúng như một cạnh thẳng. Shadow giúp bạn cảm nhận trang như đường cong mặc dù có thể bạn biết rằng đó là đường thẳng.
Đây là hiệu ứng khá hay trong Photoshop và CSS. Dưới đây là một vài website sử dụng xu hướng này một cáh hiệu quả:

Literacy2030

2011 trends 37 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Edits Quarterly

2011 trends 38 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Greenjob

2011 trends 39 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Không dùng border trong Grid

Một xu hướng khác là việc xóa bỏ border hoặc margin trên grid hình ảnh. Trước đây, chúng ta thường thấy rất nhiều hình ảnh trên những không gian riêng của grid nhưng ngày nay, tất cả chỉ là cho những hình ảnh vào chung grid mà không cần border hoặc margin.
Tôi thật sự rất thích xu hướng này vì việc sắp xếp những hình ảnh như vậy cũng tạo ra sự riêng biệt. Sau đây là một số ví dụ

Fuzzco

2011 trends 40 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Ignacio Macri

2011 trends 41 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

CARLOS5TO

2011 trends 42 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

ROA Produktion

2011 trends 51 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Xu hướng sử dụng những đường chéo

Xu hướng thiết kế cuối cùng mà chúng tôi đề cập là xu hướng thiết kế với những đường chéo. Chúng tôi mong đợi xu hướng này sẽ tiếp tục phát triển trong năm 2012. Tai sao? Bởi nó đại diện cho thiết kế sắc nét, rõ ràng, mang tính cấu trúc trong nhiều năm qua.
Nhìn lại lịch sử, bạn sẽ thấy rõ ràng xu hướng này đang dần phát triển. Một cái gì đó rất đặc biệt bởi nó vượt qua định mức để trở nên phổ biến như một tiêu chuẩn. Một khi xu hướng nổi loạn đã dần trở nên phổ biến, một ai đó nếu phản ứng lại sẽ hoàn toàn lệch hướng. Ví dụ, những xu hướng nhỏ như tôi đã đề cập nhất thời nổi lên như một phản ứng chống lại những thiết kế điên loạn, lộn xộn và đầy màu sắc của những năm 1990 (Xem:Saved By the Bell). Xu hướng sử dụng những đường chéo đã trở lại và vẫn duy trì sự hấp dẫn cho thiết kế.

Bleep-Radio

2011 trends 43 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Piropixel

2011 trends 44 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Kikk Festival 2011

2011 trends 45 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

David Kopec

2011 trends 46 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Marshes Shopping Centre

2011 trends 47 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Wixel

2011 trends 48 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ

Designer Gleb

2011 trends 49 Xu Hướng Thiết Kế Phổ Biến 2011 và Các Ví Dụ
Sources : vnwordpress.com