Chúng ta có những công cụ mạnh mẽ mới và tùy ý sử dụng (CSS3, HTML5, font-embedding, v.v…), rất nhiều các tài liệu miễn phí, có sẵn, một cộng đồng thiết kế mạnh mẽ…Chúng ta đang được thấy các thiết kế mang tính tương tác tốt hơn, có tính thẩm mỹ hơn. Và chúng ta được xem nhiều trang cá nhân, hấp dẫn và đáng nhớ hơn. Nhưng sự khác biệt chính xác được tạo ra ở đây là gì? Các phương diện nào đi đầu trong thiết kế web ngày nay? Những kỹ thuật, khái niệm và ý tưởng nào mới đang trở nên quan trọng? Trong bài này, chúng tôi giới thiệu một số nhận định về hiện trạng thiết kế Web. Chúng tôi mô tả các xu hướng đang tồn tại, các xu hướng đang được cập nhật và giải thích thiết kế Web có thể phát triển như thế nào trong những tháng, năm tới. Chúng tôi cũng sẽ đề cập đến những gì chúng ta nên săn sàng để theo kịp những thách thức và cơ hội mới.
1. Thiết kế vì niềm đam mê
Là những nhà thiết kế, công việc của chúng ta là truyền đạt ý tưởng hiệu quả. Đối với mỗi thông điệp cụ thể, chúng ta tạo ra một bối cảnh mà trong đó thông điệp sẽ hoạt động một cách tốt nhất, hướng dẫn người sử dụng hoàn thành nhiệm vụ của họ, giành được sự tin tưởng của họ hoặc thuyết phục họ về bất cứ điều gì mà chúng ta đang muốn trao đổi. Tất nhiên, có vô số cách để tạo ra bối cảnh này. Một trong số đó là thiết kế dành cho tính thẩm mỹ trực quan, bất ngờ, thú vị, vui vẻ – thiết kế vì niềm say mê; thiết kế để trở nên đáng ghi nhớ và đáng chú ý hơn.
Những điều hấp dẫn có tác động tốt hơn, giúp tập trung và giữ sự chú ý của người dùng hơn. Thiết kế đáng nhớ tăng hứng thú cho các sản phẩm và thương hiệu, chủ yếu tăng sự cam kết lên. Trong thực tế, mối quan hệ mạnh mẽ, cảm giác tin cậy giữa khách hàng của bạn và người xem có thể là điều tốt nhất chưa bao giờ xảy ra trong sự nghiệp của bạn.
Xưởng thiết kế Brizk có một thiết kế thẩm mỹ tuyệt đẹp, với hình ảnh động tinh tế, kiểu chữ rất đẹp và bố trí cân đối. Khi bạn di chuột qua các con chim màu đỏ ở chân trang, một hộp Twitter nhỏ xuất hiên. nhóm đứng đầu thiết kế hoàn toàn chỉ là đam mê.
Mặc dù, phần lớn các thương hiệu vẫn im lặng, thụ động và bàng quan, chúng tôi đã nhận thấy nhiều trang web đang hết sức cố gắng để giành được tình cảm của chúng ta, không biết có phải thông qua một kháng cáo thẩm mỹ mạnh mẽ nào không, hay chỉ thông qua các hoạt ảnh dí dỏm trong khối nội dung hoặc chỉ đơn giản là thêm chút chú ý đối với việc thiết kế các yếu tố nhỏ trên trang “About”. Đó là thiết kế đẹp đánh nhớ với thanh navigation vui nhộn.
Bạn có thể gợi ra niềm say mê trong một loạt các cài đặt: chế độ bảo trì trang của bạn, trang 404 báo lỗi, trong bộ tải trước của bạn, và còn ở khắp mọi nơi . Ý tưởng là làm bất ngờ những người lướt web bằng cách mang đến cho họ một cái gì đó thú vị.
Bounty Bev
Bounty Bev là một công ty nước giải khát với thiết kế trọn trang đẹp. Ngoài các hiệu ứng bay lượn tinh tế và các hoạt ảnh của nó, trang web còn có một số tính năng bổ sung rất đẹp: nếu bạn di chuyển xuống trang bằng tay với các bánh xe chuột, một cửa sổ pop-up nhỏ xuất hiện hỏi bạn, bạn có cần một thang máy không?. typography mạnh mẽ và đáng nhớ, và thiết kế rất là vui nhộn. Đơn giản, rõ ràng và riêng biệt, trang web mang lại một ấn tượng mạnh mẽ, tích cực.
Analog.coop
Analog cung cấp một kinh nghiệm rất riêng cho những người lướt web. Khi bạn truy cập vào trang, nó sẽ hiển thị, vị trí nơi bạn ở và cho bạn biết vị trí các thành viên trong đội– những người gần gũi nhất với bạn (trong trường hợp của chúng tôi, Alan và Jon, ở cách khoảng 500 dặm, ở Bristol). Các trang web có một cặp trứng Phục sinh đẹp mà không thể thấy ở cái nhìn đầu tiên. Bạn có thể muốn thử xung quanh với các tiêu đề và hình ảnh của đội. Trang web thật sự thú vị để khám phá.
Forrst
Thiết kế đẹp với các yếu tố hấp dẫn thị giác – một thiết kế quản lý để tạo ấn tượng tốt đẹp lâu dài. Chú ý background của khu vực phía trên của trang thay đổi như thế nào khi cửa sổ trình duyệt thay đổi kích cỡ (Thị sai-hiệu lực). Cái ô”đăng nhập” cũng khá tuyệt vời. Đáng ngạc nhiên, lý do nào đó Form lại được xây dựng bằng table.
Billy Tamplin
Trên blog của mình, Billy Tamplin tập trung vào các chiến thắng nhỏ trong cuộc sống. Mỗi bài viết là một thành tích cá nhân đã đạt được, được thể hiện giống như huy hiệu. Anh cũng có portfolio cá nhân trên trang web. Chú ý làm thế nào màu sắc phối hợp cho phù hợp với chủ đề. Thiết kế này đơn giản và đẹp, và “achievement ” rất đặc sắc và đáng nhớ.
MIX
Phòng thí nghiệm MIX, một blog cộng đồng cho các nhà thiết kế và phát triển web, không có tính năng ẩn, các hoạt cảnh hấp dẫn hay các hiệu ứng di chuyển ấn tượng. Thay vào đó, nó có một thiết kế thích hợp, trực quan hấp dẫn: bạn có thể nhận ra các vòng tròn đầy màu sắc thường được lặp đi lặp lại xuyên suốt trang web. Thiết kế nhấn mạnh nội dung và có bút pháp cá nhân. Vẻ đẹp đơn giản.
Blue Sky Resumes
Trang web của một nhóm các tác giả với 2 tính năng nổi bật trong thiết kế: tiêu đề chứa hình ảnh động dựa trên Flash và hoàn toàn phù hợp với việc xây dựng thương hiệu của công ty. Trang web này cũng có những hoạt cảnh tinh tế và hiệu ứng chuyển động nhẹ nhàng. Và trang “About” giới thiệu từng đồng nghiệp một cách khá độc đáo và đáng nhớ.
Mailchimp
Hình ảnh ẩn dụ mà MailChimp kết hợp chặt chẽ trong tất cả các khía cạnh của thiết kế đó là hình ảnh của một chú khỉ đưa thư. Để cung cấp cho khách hàng những cập nhật gần đây, Mailchimp giới thiệu một hoạt cảnh ASCII để nói với người sử dụng một cái gì đó đang xảy ra phía sau, chi tiết đẹp này làm ngạc nhiên nhưng không phô trương. Công ty này còn sử dụng những ngôn ngữ riêng.
2. Phím tắt cho Navigation
Khi các nhà thiết kế cố gắng làm cho thiết kế trực quan hơn, không có gì ngạc nhiên khi trang web đang trở nên dễ dùng hơn. Không chỉ áp dụng điều này vào giao diện, mà với sự phát triển thư viện của Javascript, sự tương tác của website đã phát triển mạnh hơn. Một cách để làm là dùng “phím tắt”, một điều đã không được chấp nhận rộng rãi từ lầu. Nhưng gần đây chúng tôi đã nhận thấy nhiều thiết kế thực hiện điều này một cách có hiệu quả. Các cài đặt phổ biến nhất đối với việc điều hướng như vậy trên hình ảnh các trang web như Flickr hoặc FFFFound.
Ý tưởng chung là để cung cấp cho người sử dụng tổ hợp phím tắt giúp họ thực hiện các nhiệm vụ tẻ nhạt, chẳng hạn như di chuyển giữa các bài đăng trên blog, di chuyển qua các hình ảnh trong trình chiếu slide, thay đổi khung nhìn hiện tại (ví dụ từ ngang sang khung lưới thẳng đứng), các bài viết ưa thích và điều hướng giữa các phần của một trang web. Phím tắt phổ biến trong các thiết kế dựa trên Flash, nhưng bây giờ chúng ta đang thấy nó cũng áp dụng cho các thiết kế dựa trên CSS. Google Reader là một ví dụ đầu tiên của phím tắt tiên tiến, nhưng các trang web khác cũng có những bổ sung tốt.
They Make Apps
Một vài tháng trước đây, They Make Apps
đã bắt đầu cung cấp cho người dùng phím nhấn điều hướng nhẵn và tiên tiến như là cách cuộn cổ điển. Người dùng có thể xoay nhanh giữa cả hai cách thức bằng việc sử dụng sự xổ bảng chọn trong navigation chính của trang hoặc người dùng sử dụng các phím mũi tên để di chuyển giữa các khối nội dung: Return” khóa kích hoạt chế độ xem chi tiết và “Escape” quay trở lại trang chính. vì một vài lý do, sự điều hướng này không tồn tại lâu.
Trang web của Marc Anton Dahmen dựa trên Flash, và điều hướng của nó là khá tiến bộ: người dùng có thể chuyển sang trang liên lạc với “c”, tỷ lệ hình ảnh với “-” & “+”, sau đó di chuyển , sắp xếp hình ảnh và di chuyển qua các văn bản với phím mũi tên thẳng đứng.
9GAG là một mạng xã hội cho phép đánh dấu trang web. Người dùng có thể điều hướng đến hình ảnh tiếp theo và trước đó bằng cách sử dụng phím tương ứng là “j” và “k”,. Hình ảnh hiện tại có thể được chọn bằng cách sử dụng “l” ( vì sở thích): không cần di chuyển chuột. Trong trường hợp này, một phím tắt cho khung nhìn cũng rất hữu ích.
FFFFound!
FFFFound cung cấp các phím tắt để chuyển đến đầu trang (“h”), thay đổi tầm quan sát hình ảnh (“v”), hình ảnh duyệt qua (“k” và “j”) và Bỏ qua những trang tiếp theo (“l”).
Feta
Tuy nhiên, một trang web khác dựa trên Flash cho phép bạn sử dụng mũi tên trái và bên phải là chìa khóa để duyệt các mục của một bộ phận, mũi tên xuống là để chọn và mũi tên lên là để trở lại.
NY Times: Times Skimmer
Trang xem nhanh của tờ New York Times có phím nhấn điều hướng rất tiên tiến. Người dùng có thể sử dụng các mũi tên để di chuyển các bộ phận, phóng to thu nhỏ bằng cách sử dụng “Shift,” trở lại từ đầu với “t”, làm mới phần hiện tại với “r” và chọn bài viết bằng cách sử dụng “a” và các mũi tên. Tìm hiểu các phím này tốn một ít thời gian, nhưng một khi bạn đã hiểu chúng, sự di chuyển giữa các trang web là dễ dàng hơn nhiều.
Pictory
PictoryMag, một tạp chí dành riêng cho hình ảnh, cũng có “j” và “k” chuyển hướng để duyệt hình ảnh.
CrushLovely
CrushLovely, một trang portfolio, cho phép bạn sử dụng các phím mũi tên để di chuyển các phần của trang.
Thinking for a Living
Thinking for a Living cho phép người dùng sử dụng các mũi tên bên trái và bên phải được đưa ra để di chuyển giữa các đoạn trích dẫn.
Picnic Extraterrestre
Bên cạnh là một trong những thiết kế đặc sắc nhất mà chúng tôi đã nhìn thấy cho đến nay, Picnic Extraterrestre của Iván Ferreiro có phím nhấn điều hướng khá tiên tiến. Thiết kế mô phỏng Teletext và thực hiện một công việc khá tốt. Tất cả việc điều hướng các mục tin có thể được load bằng cách sử dụng các phím tắt chữ số. Điều đó thật thú vị!
Kỹ thuật lập trình và các hướng dẫn
Lưu ý rằng khi thực hiện phím nhấn điều hướng trong thiết kế của bạn, hãy chắc chắn rằng các phím tắt mà bạn xác định không mâu thuẫn với các phím tắt trình duyệt chung, phím tắt OS, phím tắt màn hình đọc hoặc các phím tắt xác định người dùng. Điều này nghe có vẻ đơn giản hơn. Như thường lệ, kiểm tra với (người dùng đã biết và người mới sử dụng) trước khi thực hiện sẽ giúp bạn tìm ra các vấn đề với phím tắt của bạn. Để bảo đảm rằng các mũi tên, sự kết hợp “ j ” và “k” và phím “Escape” là an toàn. Ngoài ra, cách sử dụng phím “Control “, “Alt” và “Shift” không được đề cập.
Hơn nữa, hãy xem phím nhấn điều hướng như là một tính năng (và do đó không bắt buộc) và sẽ không có tác dụng nếu JavaScript bị vô hiệu hóa trong trình duyệt của họ. Do đó, việc bạn cung cấp bàn phím điều hướng như là một cách mới chỉ là thứ yếu, không phải là chính yếu. phía dưới, bạn sẽ tìm thấy một số kỹ thuật hữu ích, hướng dẫn và tài liệu tham khảo để thực hiện phím nhấn điều hướng trong thiết kế của bạn.
- Adding Keyboard Navigation with jQuery
- How to Create Keypress Navigation Using jQuery
- Advanced Keypress Navigation with jQuery
- Using Keyboard Shortcuts in JavaScript
- How to Build a Site With Keyboard Navigation: PSD to HTML
Plug-Ins và resource
3. Ảnh hưởng in ấn trong thiết kế
Trong khi thiết kế cơ bản là việc tạo ấn tượng với những người lướt web, những chi tiết nhỏ bất ngờ và thú vị là khuynh hướng cho một thiết kế hiện đại. Các nhà thiết kế web hiện đại thường đi xa hơn và thử nghiệm với các chi tiết cho tác phẩm của họ, như việc tạo ra các layout sáng tạo và độc đáo hơn. Trong thực tế, một người không phải là một chuyên gia đâu dễ nhận ra ảnh hưởng ngày càng tăng của các kỹ thuật thiết kế in truyền thống trên trang web. Chúng thường thể hiện trong cái gọi là “nghệ thuật định hướng” các nhật ký cá nhân công khai trên mạng (hoặc “blogazines”), theo đó mỗi trang nhật ký công khai (blog) có một thiết kế độc đáo và cẩn thận.
Các layouts của các trang web này thường tương tự như của tạp chí in hoặc áp phích, với tiêu đề nổi bật, văn bản đa cột, các đoạn trích ở vị trí nổi bật nhất, hỗ trợ hình ảnh, ghi chú ở lề và chú thích cuối trang. Các mẫu thiết kế thường tuân theo kiểu khung lưới và có kiểu chữ mạnh mẽ, sinh động.
Nếu bạn quyết định thử nghiệm với thiết kế nghệ thuật định hướng, nên nhớ rằng layout của một bài viết nên ở phần thứ yếu và luôn luôn hỗ trợ nội dung của chính nó, không phải thống trị nó. Vấn đề là một khi bạn bắt đầu thiết kế một bài blog đăng trên mạng, thật dễ dàng để thiết kế các thành phần trang , nhưng không để nội dung điều khiển nó.
Thiết kế tốt là đạt hiệu quả về truyền thông, không cần cầu kỳ và phải dễ đọc. Các lựa chọn là: nội dung tuyệt vời, nghệ thuật tuyệt vời và lịch trình rõ ràng. Nếu bạn cố gắng để đạt được cả ba điểm trên, một trong những điểm đó sẽ bắt đầu mất dần vị thế. Nhận xét: Thiết kế Web chịu ảnh hưởng nặng nề bởi cách thiết kế in thì luôn đẹp.
A Lesson on How to Be a Villain
Một bài viết minh họa đầy màu sắc và thú vị trong một layout độc đáo. Chú ý có một cái gì đó khác lạ?. Thiết kế này có một CSS layout với các dữ liệu dạng bảng cho những mẫu thông tin đồ họa thực sự. Đôi khi điều đó là cần thiết cho các thiết kế nghệ thuật định hướng.
Evan Dinsmore: 21
Một poster thiết kế cho web. Bài blog này là đơn giản, và nó thay thế văn bản nhàm chán bằng những hình ảnh sống động. Nhưng đó cũng có thể là một bất lợi: một phiên bản dựa trên văn bản sẽ trở nên dễ sử dụng hơn ở đây.
The Bold Italic: Dr. Feel Good
Mộ tạp chí rất ấn tượng – như layout, với nhiều cột, hình ảnh, tiêu đề và dải bên. Nếu bạn chỉ nhìn thấy trang này được in ra, bạn sẽ không công nhận nó như là một thiết kế Web.
A Way Back: Revised Font Stack
Một thiết kế rất dài, chi tiết và phức tạp. Trong thiết kế nghệ thuật định hướng, hình ảnh lớn thường được sử dụng để mở rộng ranh giới của layout.
Chris Coyier: The Safari Challenge
Ở đây có một thiết kế tinh vi hơn, với biên độ lớn, nhiều cột văn bản, ghi chú và các tiêu đề kiểu răng cưa. Quan điểm về thẩm mỹ, nó có thể trông như một trang sách.
Kyle Fielder: Keeping Curious
Bạn có nhớ những tạp chí cũ này đã sử dụng đoạn trích lớn và trực quan để tạo ra dòng chảy cho văn bản? chú ý cách để tiêu đề và “colophone” trong dấu chấm hỏi. Một thiết kế đẹp, đơn giản và độc đáo.
Sleepover: A Critical Analysis of my Shoes
Một thiết kế dựa theo khung lưới đơn giản với các văn bản được canh justified, kiểu chữ serif và các hình ảnh minh họa là chiếc giày xinh xắn. Thật không may, văn bản được canh justified nhìn không hay trên trang Web.
Yaron Schoen: Too Many Buttons
Đôi khi nghệ thuật định hướng đăng blog đòi hỏi một cái gì đó nhỏ hơn: giống như một hình ảnh background và màu background, cũng như một chút về kiểu CSS. Ví dụ này thể hiện chính xác điều đó.
The Bold Italic: Keep Off the Grass
Một ví dụ đáng chú ý khác về các layout đa cột..
The Bold Italic: Cinderella Story
… Và một thiết kế khác. Một kiểu thiết kế in tốt.
Travis Neilson: Default Switch
Một thiết kế êm đềm, đơn giản, cân đối với tiêu đề tùy thích.
4. Horizontalism
Trong những năm qua, chúng tôi đã quan sát thấy một biến đổi chậm theo hướng các thiết kế Web nặng về văn bản. Không chỉ là thiết kế đạt được chiều sâu và tính hiện thực, mà còn sự điều hướng đang thay đổi rất tốt. Một số nhà thiết kế đang bổ sung việc cuộn theo cột kiểu truyền thống với phần cuộn theo hướng cả dọc và ngang (ví dụ), , hoặc thậm chí hoàn toàn nằm ngang. Đây được gọi là “horizontalism.”
Các trang web với kiểu cuộn các thanh ngang khó khăn trong điều hướng hơn nhiều bởi vì con chuột được thiết kế di chuyển dọc. Nhưng sự xuất hiện của các thiết bị cảm ứng đa năng bắt buộc chúng ta cân nhắc lại những khả năng của những thiết kế như vậy . Cuối cùng, là việc cuốn theo chiều dọc hoặc chiều ngang trên thiết bị như vậy có tạo sự khác biệt nào không? Và đây là một vài plug-ins (like Scrollable vàjScrollHorizontalPane) đơn giản hóa các hành động cho phép người dùng điều hướng theo chiều ngang bằng cách sử dụng cuộn bánh xe theo hướng thẳng đứng trên chuột, như vậy có thể rút ngắn việc nghiên cứu.
Thanh cuộn nằm ngang đã có cách đây một thập kỷ, nhưng ngày nay tôi cảm thấy rằng chúng đang tới bối cảnh mới. Việc chuyển sang các thanh cuộn ngang, có lẽ đang là cố gắng của một vài các nhà thiết kế để cung cấp cho người dùng thêm nhiều cách để đọc nội dung. Các thiết kế như vậy thường rất tỉ mĩ và chủ yếu tìm thấy trên portfolio của web và các trang web e-commmerce phức tạp. Không biết horizontalism có mở rộng thêm các loại trang web không hay vẫn duy trì như vậy trong những tháng tới.
OurType
Một loại lò đúc của Bỉ với chuyển hướng ngang dựa trên Flash. Các khối nội dung trượt theo chiều ngang.
Jung v. Matt
Trang web này có lịch trình ngang đối với việc điều hướng. Chú ý rằng không có thanh cuộn ngang, người lướt web sử dụng bánh xe cuộn thẳng để điều hướng theo chiều ngang.
Your Auxillary
Một trong nhiều cái gọi là “layout trang đơn.” Nội dung đầy đủ của các trang web này là trên một trang đơn, những cái được điều hướng cách sử dụng cả bàn phím, và chuột hoặc thanh menu (trang web này sử dụng lựa chọn thứ ba). Ở đây chúng ta thấy có một sự kết hợp tốt của việc điều hướng thắng đứng và nằm ngang (Xem jQuery ScrollTo plug-in in action).
One Twenty Six
Portfolio này có một loại điều hướng ngang khác. Các nút bấm ở phần “trước” và “sau”, người sử dụng cũng có một cái nhìn tổng quan để lựa chọn nội dung trong khi thanh menu được thả xuống. Một khi họ chọn được một option, trang cuộn theo chiều ngang. Điều hướng nằm ngang với bánh xe của chuột có lẽ sẽ cải thiện tốt cho thiết kế này.
Jax Vineyards
Trang web lưu trữ rượu vang này có sự điều hướng ngang thú vị và độc đáo, được kích hoạt khi bạn duyệt mục lục rượu vang. Cả hình nền và sự mô tả của các slide rượu theo chiều ngang. CSS đơn giản và JavaScript được sử dụng. Một thiết kế đẹp và ấn tượng.
C. L. Holloway
portfolio của Candice Holloway đã tạo một layout ngang rất đẹp. tác phẩm nghệ thuật của cô được đặt trên một “bức tường “; điều hướng nằm ngang được sử dụng như là một phép ẩn dụ như là đi dạo trong một phòng trưng bày nghệ thuật. Cũng thú vị: việc cuộn trang được kích hoạt khi di chuyển chuột lên mũi tên nằm ngang của bạn, không cần thiết nhấp vào
Yamaha Ginza
Bạn sẽ thấy các nhà thiết kế thử nghiệm với phối cảnh. Đôi khi định hướng theo đường chéo …
Edpeixoto
… Và đôi khi layout treo lơ lửng trong không khí …
ASOS
… Và đôi khi nó nghiêng. Chú ý làm thế nào không thành phần nào có các đường trực giao.
5. Typography Phong phú, mạnh mẽ
Đối với năm nay,Typography đã đóng một vai trò quan trọng trong thiết kế Web. Các tiêu đề đậm nét, rõ ràng, có hiệu quả trong việc truyền đạt mục đích của một trang web, thương mại điện tử hoặc portfolio, trong khi các tiêu đề tinh vi hơn giúp cấu trúc nội dung cải thiện cải thiện mức độ dễ đọc. Rõ ràng, sự thay đổi lớn mà ngày nay chúng ta đang thấy là phong phú hơn, kiểu chữ linh hoạt hơn, một phần là do có thể thực hiện bằng @ font – bề ngoài của thuộc tính và sự xuất hiện của font– và các dịch vụ nhúng như là TypeKit. Các thành phần typographic phong phú bây giờ có thể được lựa chọn và sao chép từ các trình duyệt, và dễ dàng hơn một vài năm trước đây.
Các họ phông chữ phong phú sẽ được sử dụng không chỉ cho các tiêu đề mà còn cho cả bài viết, và cả việc mang typographic từ kiểu in ra trang Web. Ngoài ra, các nhà thiết kế thử nghiệm nhiều hơn với các phông chữ slab gây ấn tượng mạnh, sử dụng các hình ảnh tinh tế. Các nhà thiết kế web cũng bổ sung thêm chiều sâu cho typography với các thuộc tính text-shadow trong CSS3. Những thiết kế typographic thường dựa trên khung lưới và vay mươn kỹ thuật từ thiết kế in ấn, chẳng hạn như ghi chú ở lề và lời chú giải cuối trang.
Kilian Muster
Kilian muster sử dụng số lượng phông chữ Serif khá rộng lớn cho thiết kế của mình: font-family: Palatino, "Palatino Linotype", "Book Antiqua", Constantia, Times, "Times New Roman", serif;. Các bài viết trong blog của Kilian cũng có ghi chú bên lề.
DNA to Darwin
Trang web này chỉ có phông chữ serif trong suốt thiết kế của nó: font-family: “” skolar-1, “skolar-2″, Georgia, Times, serif;. Văn bản được chia thành nhiều cột.
COG’AOKE
Một lần nữa, typography rất lớn, slab in đậm tạo nên một ấn tượng mạnh mẽ và thu hút sự chú ý của người xem.
TRÜF
Đại diện này là sự kết hợp thiết kế đậm màu và sự súc tích.
Pioneers
Trang web này kết hợp các hình ảnh sống động và typography hài hước. Thiết kế trông giống như một brochure hoặc poster hơn là một trang web”cổ điển”.
Colly
Sự chú ý tinh tế của Simon Collison với các chi tiết nhỏ nhất làm cho typography nổi bật. Ở đây cách trình bày bản in không bôi đậm, thiết kế rõ ràng, và mang tính thẩm mỹ.
The Saint John’s Bible
Trang web này hiển thị phông chữ serif rất tốt. Các phông chữ bổ sung cho những chủ đề và phù hợp với một layout hoàn hảo. Chú ý: Một thiết kế trực quan đẹp và typography cổ điển có thể kết hợp cùng nhau.
Brewhouse
Một sự kết hợp xinh xắn của các ký tự và trực quan đã làm nổi bật trang web này. Nhưng nó không cho biết lý do tại sao trang này có ba typefaces khác nhau cho các tiêu đề; tôi nghĩ hai là đủ.
Tick Talk
Có thể bôi đậm chữ cái hơn? typefaces đậm, lớn với chữ in hoa trên toàn bộ trang. Khi cuộn trang, chú ý hiệu ứng background xinh đẹp. Một thiết kế rất đơn giản và rõ ràng.
The Sew Weekly
Blog này có typography vui tươi, thú vị (Font Proxima Nova cho bản sao và Coquette cho tiêu đề), và tất cả có thể dễ dàng lựa chọn và sao chép. Đây là sức mạnh của các phông chữ nhúng (và TypeKit đang được sử dụng ở đây). Chú ý các văn bản được chia thành các cột – một xu hướng chúng ta tìm thấy trong năm nay.
Neiman Group
Tập đoàn Neiman kết hợp màu sắc thương hiệu của mình vào sự điều hướng và tiêu đề của trang trước. typography nhẹ nhàng và cổ điển, mang lại cho các trang một bầu không khí nhất định.
Kết luận
Thiết kế web hiện đại đang tốt hơn, phong phú hơn và dễ sử dụng hơn. Chúng tôi nhìn thấy tính trực quan trong thiết kế đang được sử dụng tốt thơn, vì mục đích của thẩm mỹ và làm hài lòng người sử dụng. Kỹ thuật truyền thống từ thiết kế in đang ngày càng được áp dụng cho các web, kỹ thuật layout và hình thức typography rất đa dạng phong phú. Các đinh hướng ngang và thậm chí là đường chéo mang lại một viễn cảnh mới cho các thiết kế mặt phẳng 2-D mà chúng tôi đã nhìn thấy trong nhiều năm qua (thường thấy trong các web Flash).
Những phát triển này là một dấu hiệu của thời kỳ sắp tới của thiết kế web, trong đó các nhà thiết kế có thể sử dụng công cụ và kỹ thuật mới để phát huy tối đa tiềm năng của họ.
![web-trend-magazine1[1]](http://vnwordpress.com/wp-content/uploads/2010/04/web-trend-magazine11-125x93.jpg "web-trend-magazine1[1]")
Xu Hướng Thiết Kế Năm 2009![logodesignsorigami[1]](http://vnwordpress.com/wp-content/uploads/2010/07/logodesignsorigami1-125x93.gif "logodesignsorigami[1]")
Thiết Kế Logo và Xu Hướng Phát Triển Năm 2009
