Hiển thị các bài đăng có nhãn Web Design. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Web Design. Hiển thị tất cả bài đăng

Thứ Ba, 26 tháng 8, 2014

10 xu hướng thiết kế web năm 2014


Thiết kế web đã có một thời gian tuyệt vời năm ngoái với nhiều ý tưởng mới. Mặc dù một số đã đi vào quên lãng, một số khác bắt đầu cất cánh và tạo ra một ảnh hưởng lâu dài.
Các xu hướng giật gân lớn trong năm 2013 sẽ trở thành nổi trội  trong năm 2014. 

1. Flat design thrives



wistia.com là một ví dụ tuyệt vời của thiết kế phẳng.
Nếu bạn nghĩ rằng đây là chỉ là một mốt nhất thời, sau đó bạn đang nhầm lẫn. Thiết kế căn hộ là thiết kế nhỏ gọn trên steroid. Đó là về việc giữ gìn nó đơn giản, sạch sẽ và hiện đại là những từ bạn thường nghe ra từ miệng nhất của khách hàng.
Lý do tại sao tất cả mọi người đang sử dụng thiết kế căn hộ là bởi vì nó làm cho tinh thần. Chúng tôi có ít lộn xộn, sử dụng nhiều không gian màu trắng và tổng thể trải nghiệm người dùng tốt hơn. Nó buộc các nhà thiết kế để đạt được nhiều hơn bằng cách sử dụng ít hơn và cho rằng, tôi coi nó là số một xu hướng cho năm 2014.

2. Thiết kế đáp ứng độ co giản


KasraDesign sẽ rất tốt trên bất kỳ thiết bị, không có vấn đề kích thước.
Điều này sẽ trở thành một tiêu chuẩn. Lý do rất đơn giản: nhu cầu. Từ điện thoại thông minh và máy tính bảng đang bán chạy như tôm tươi có tiềm năng tiếp thị rất lớn. Bạn sẽ nhìn thấy ngay cả chủ doanh nghiệp nhỏ của bạn nói về nó bởi vì họ đang nhìn thấy đáp ứng trong hành động trên các trang web khác. Thật tuyệt vời nếu website của bạn có thể chạy tốt trên tất cả các loại thiết bị như máy bàn, lap top, các loại điện thoại phổ biến với chế độ xem đẹp và độ tải website nhanh.

3. Các trang web giới thiệu hình ảnh tốt hơn



Chân dung làm một công việc tuyệt vời nâng cao hình ảnh đơn giản rõ ràng vị trí trung tâm của một trang web.
Thiết kế đã được đẩy cho hình ảnh tốt hơn trong một thời gian dài, nhưng họ đã luôn luôn gặp khó khăn về phía khách hàng. Năm 2014 sẽ mang lại chất lượng cao hơn, sáng tạo hơn và hình ảnh độc đáo vì nhiều lý do:  giá cả là giá cả phải chăng; tốc độ tải nhanh hơn bao giờ hết; truy cập vào hình ảnh chất lượng cao ở khắp mọi nơi.

4. Trang web phát triển sai phổ biến



Chó nóng sử dụng hiệu ứng thị sai để đóng gói một cú đấm mạnh mẽ.
Thiết kế sai mà đạt được thành công với  di chuyển nghịch ngợm, hình ảnh mạnh mẽ, và kiểu chữ mạnh mẽ và sáng tạo. Bạn sẽ thấy ngày càng nhiều về điều này trong năm 2014 đặc biệt là từ các thương hiệu lớn

5. Infographics vẫn là cách tốt nhất để đại diện cho dữ liệu



Gabriel Gianordoli đã làm một công việc tuyệt vời với Infographic tuyệt vời này.
Họ trình bày rất nhiều thông tin trong một không gian nhỏ. Người dùng thích infographics vì mỗi người đều có cá tính riêng của mình – họ là một chút kỳ quặc, họ kết hợp kiểu chữ, phối màu táo bạo và hình dạng theo cách của người xem.
Sáng tạo người một cách nghiêm túc luôn luôn tạo ra một bầu không khí câu chuyện xung quanh sự kiện và con số của họ. Có lẽ nó mang lại cho chúng ta trở lại thời thơ ấu của chúng tôi truyện tranh, có thể nó chỉ là kẹo mắt. Thực tế là, chúng ta hấp thụ tải các thông tin và chúng tôi yêu nó. Bởi vì nó là như vậy một cách hiệu quả của giao tiếp phần lớn các dữ liệu, nó chắc chắn sẽ được sử dụng nhiều hơn và nhiều hơn nữa trong năm 2014.

6. Kiểu chữ trung tâm sân khấu



Cắt The Block là một ví dụ điển hình của trộn và kết hợp kiểu chữ.
Tạm biệt Georgia, tạm biệt Times New Roman, tạm biệt Helvetica! Chào mừng bạn đến năm 2014 – năm mà kiểu chữ trở nên nghiêm trọng. Trên thực tế nó là luôn luôn nghiêm trọng, bây giờ nó mới tới được trạng thái chính thống. Các trận tuyết lở của ứng dụng di động, chúng tôi đã được tất cả bơi trong đã tiếp xúc với mắt của chúng tôi để tất cả các loại bánh kẹo kiểu chữ và rằng đã có một nhân tố chính trong sự mong đợi của chúng tôi sử dụng phông chữ.
Arial là không còn đủ tốt vì sự sẵn có của các phông chữ chất lượng cao với giá cả phải chăng. Người dùng đang quen với việc họ đến điểm mà ông cảm thấy một cái gì đó là mất tích nếu anh ta nhìn chằm chằm vào cùng một ole ‘Helvetica và mặt khác các chủ doanh nghiệp không còn phải trả một cánh tay và một chân cho một gia đình hoàn chỉnh phông chữ.

7. Các trang web đơn giản hóa và tập trung vào nội dung



Kiểm tra những câu chuyện thiết kế lại của The New York Times ở đây .
The New York Times trang web được thiết kế lại gần đây đã nói lên điều này và xu hướng sắp tới thông qua nó đơn giản, phương pháp sạch hơn nhằm mục đích cung cấp một trải nghiệm người dùng tốt hơn. Trong khi điều này không phải là bất cứ điều gì mới, tôi tin rằng ngày càng có nhiều trang web, đặc biệt là những người được nội dung nặng nề, sẽ làm theo phù hợp vì đây là bước đi hợp lý tiếp theo. Tước đi tất cả các chuông và còi cho phép các nội dung thực tế để tỏa sáng và làm cho các thiết kế thực hiện vai trò thực tế của nó, thay vì nó cố gắng để ăn cắp sự chú ý.

8. Video trình bày ngắn tái xuất hiện



Goldee video ‘s, mặc dù một nhượng hai phút, vẫn còn cho chúng ta thấy lý do tại sao clip trình bày hình ảnh đánh bại bất kỳ ngày nào.
Tôi nghĩ rằng video trình bày sẽ tái xuất hiện vào năm 2014 vì Vine nổ. Sáu video thứ hai có nhiều khả năng để đi siêu vi, họ dễ dàng để thực hiện và tất cả mọi người dường như tình yêu chúng. Trong vài năm qua, chúng tôi đã nhìn thấy một rút ngắn liên tục video và năm sắp tới sẽ thúc đẩy dưới 30 clip thứ hai để có được những điểm trên – bạn có thể cảm ơn Vine cho điều đó.

9. Thiết kế bản tin tiếp tục cải thiện



Miniboden bản tin của chúng tôi cho thấy một thiết kế tuyệt vời, nhưng quan trọng hơn nó phù hợp cho đối tượng cụ thể của họ.
Email marketing là không còn cách duy nhất để tiếp cận đối tượng của chúng tôi, nhưng nó vẫn là một phương tiện giúp người sử dụng của bạn quan tâm đến nội dung của bạn. Vào năm 2014, bản tin sẽ ở lại nổi bằng cách sáng tạo hơn và thú vị hơn. Vì vậy, mặc dù nó không phải là kênh ưa thích nữa, nó sẽ không chết sớm – chủ doanh nghiệp thông minh đang nhận ra những thay đổi đang xảy ra.

10. Navigations cố định được rất nhiều tình yêu



TheoryDesign , chuyên về giao diện người dùng / UX, thích một hướng cố định trên một tiêu chuẩn.
Có một thời gian khi thiết kế cảm thấy cần phải qua thiết kế bất cứ thứ gì trên trang web, bao gồm cả menu chính. May mắn những lần đã mất hết, và chúng ta không còn cần phải tìm một menu flash ẩn dưới một dải ruy băng ở đâu đó ở phía bên của màn hình.
Trong năm 2014, các thanh menu sẽ có sẵn tại tất cả các lần! Vì vậy, nếu bạn đang làm việc với một trang web lớn nội dung, sau đó một bên vị trí cố định hoặc menu trên cùng sẽ là cách tiếp cận hợp lý.
Nguồn: http://www.mangquangbathuonghieu.com/10-xu-huong-thiet-ke-web-nam-2014.html

Thứ Ba, 18 tháng 12, 2012

Responsive Frameworks Options Analysis

Overview

We may wish to select a responsive UI framework in order to expedite the creation of our site in a Responsive manner.
Please Note
This selection analysis assumes that we will be utilising PHP and the ZEND framework to build this site. 

Results

After much deliberation we have chosen to use the latest version of Twitter Bootstap for our needs.
There is not much to separate it from Foundation 3 except for the fact that we have had exposure to it in the past and it seems to have more proven usages in the market.
We will most likely wish to utilise the fluid grid within Twitter Bootstap as I believe this will give us the best results.

Responsive Frameworks

These are some of the frameworks available and their pros and cons.

Twitter Bootstrap - http://twitter.github.com/bootstrap 

Pros
(plus) very extensively utilised in the market
(plus) Grids: Fluid and fixed
(plus) 12 column layout
(plus) built with LESS that we have had some experience with
(plus) fairly decent UI components also provided
(plus) Fixed widths (724px, 940px, 1170px; below 767px are single column and vertically stacked)
(plus) Devs have had some experience/exposure to it and it is used in Zend 2.0
 Cons
(minus) locks you in a fair bit to using their stuff...
(minus) not as many media queries provided out of the box
(minus) responsive design available to be used but not the default position
(minus) no video scaling.

Foundation 3 - http://foundation.zurb.com/

Pros
(plus) looks quite flexible and moderately utilised
(plus) Fluid grids
(plus) MIT License
(plus) lots of different media query classes sets and CSS classes for showing and hiding visibility on phones and tablets
(plus) also allows for the use of SASS, a powerful CSS preprocessor (www.sass-lang.com)
(plus) also has a bunch of UI components that aren't over powering
(plus) support for video scaling
(plus) Fluid (max-width 100%)
Cons
(minus) quite new
(minus) Dropped IE7 support
(minus) no popovers included in UI components

Foundation 2 - http://foundation.zurb.com/

Pros
(plus) looks quite flexible and moderately utilised
(plus) Fluid grids 
(plus) MIT License
(plus) Fluid (max-width 1200px)
Cons
(minus) older and no longer really supported by zurb
(minus) no video scaling

Skeleton - http://www.getskeleton.com 

Pros
(plus) looks quite flexible and somewhat utilised
(plus) Fixed Grids
(plus) 16 column layout
(plus) MIT License
(plus) Base Width 960px
Cons
(minus) still new
(minus) Fixed grids
(minus) very basic UI components provided
(minus) Skeleton template only works up to a 960 pixel width

1140px grid - http://cssgrid.net/

Pros
(plus) allows responsive design for 1140px grid
Cons
(minus) not talked about much, not sure how used it is...
(minus) suited specifically for 1280 monitors
 (minus) Creative Commons 3 Licensed http://creativecommons.org/licenses/by/3.0/au/

Less Framework 4 - http://lessframework.com/

Pros
(plus) allows for development of responsive design
(plus) believe it supports LESS CSS which is handy
(plus)  MIT licensed (free to use and modify it in any way you want, as long as you keep the license comment at the top of the CSS)
Cons
(minus) It contains 4 default layout types and 3 sets of typography presets, all based on a single grid which we may not want.

Frameless Grid - http://framelessgrid.com/

Pros
(plus) geared towards fixed width grid.
Cons
(minus) adaptive design instead of responsive design...

Thứ Sáu, 23 tháng 11, 2012

Beautiful website

1. http://www.livefyre.com/comments/
2. http://douglasmenezes.com/wp/blog/
3. http://www.thepixel.com/blog/
4. http://pralinenschachtel.de/

Social Comment Box

1.Facebook offer comments as a Social Plugin
http://developers.facebook.com/docs/reference/plugins/comments
But this won't be heavily customizable. For that you'd have to write your own system hooking into the Platform. I'd not recommend this, unless you have a very good reason to do so.

2. Twitter have their @anywhere product, which may be what you're looking for
http://dev.twitter.com/anywhere
For a fully customizable tweet box, you'd have to write your own app using the API and have users connect with OAuth

Save links :
- https://dev.twitter.com/docs/twitter-libraries#php
- https://dev.twitter.com/docs/embedded-tweets
- https://dev.twitter.com/
- http://www.insidefacebook.com/category/social-plugins/
- Tham khao box comment in here : http://www.ruhanirabin.com/easy-steps-to-facebook-connect-comment-box-how-to/

** Useful :
- http://www.insidefacebook.com/2011/03/01/comments-box-plugin-relevance/
-  http://www.blogger.webaholic.co.in/2011/09/facebook-comments-box-advantage_15.html
- http://www.facebook.com/notes/facebook-media/bringing-facebook-comments-to-mobile/306485919386904
- http://www.facebook.com/help/340599879348142/
- http://support.intothedarkroom.com/entries/21916547-want-to-add-social-plugins-comment-to-my-website
- http://www.shoptab.net/blog/why-your-business-should-add-social-plugins-to-your-website-and-blog/
-

Học lập trình web căn bản với PHP

Bài 1: Các kiến thức căn bản Part 1:  https://jimmyvan88.blogspot.com/2012/05/can-ban-lap-trinh-web-voi-php-bai-1-cac.html Part 2:  https://...