Trang

13 thg 4, 2011

Web Design Tips & Advice from A to Z


Web Design Tips - A

This is a guest article from Natalie Schnotz*. Enjoy her web design tips.


Avoid flashy multimedia. Flashy graphics and multimedia may look nice, but they can make it hard for your visitors to get the information they want from your site, especially when viewing from a non Flash compatible device.

tránh việc sd flash nhiều . đồ họa flash thì đẹp,nhưng chúng gây khó khăn cho ng dùng web xem những thông tin mà họ muốn.


Browser compatibility. Make sure you check your page on Internet Explorer, Firefox, Opera, Chrome and Safari & their different versions. These five web browsers make up about 95% of the world’s browsers. So, test your site out on each of them.

khả năng tương thích trình duyệt : hãy chắc chắn bạn đã kiểm tra qua các trinh duyệt Explorer, firefox, opera, chrome, và safari, cùng các trình duyệt khác.


Clean layout. Don’t fill your page up with ’stuff’. White space is good – it enhances the look of your site. Try to keep your content as the focus of your site. Use fonts that will be available on all computers so your page doesn’t end up looking messy.

giữ cho giao diện trông sạch sẽ : đừng cố làm đầy trang của bạn , khoảng không gian trắng là cần thiết- nó làm nổi bật trang của bạn. cố giữ sự tập trung vào thong tin của bạn. Sử dụng những font sẵn có để dùng trên mọi máy tính , đừng làm chúng rối tinh lên !


Design for all screen resolutions. If you design stretch layouts that can fit any screen resolution, you can ensure all your visitors see a visually appealing and professional site. A site that is easy to use and appealing to the eye will encourage your visitors to stay longer.

thiết kế có thể ứng dụng trên mọi độ phân giải . nếu bạn thiết kế giao diện nháp có thể vừa trên mọi độ phân giải màn hình, bạn có thể đảm bảo tất cả ng xem thấy đc một trang web chuyên nghiệp và các kỹ xảo, một trang web dễ dùng và lôi cuốn ánh nhìn sẽ đảm bảo khách của bạn ở lại lâu hơn .



Exclamation points! Typing millions of exclamation points doesn’t make your statement any more important than if you use just one!!!!!!! See, I told you.


Frames. Don’t use frames. While frames make it easy to have the same header or menu appear throughout the site, the address bar doesn’t change when you go from page to page – making it impossible for someone to link to a specific page.

Đừng dùng các khung. trong khi các khung khiến chúng có tiêu để giống hay thanh tiêu đề xuất hiện trên trang web

Grammar and spell checker. Sure, people who are not good spellers will never notice you spelled calender (spelled calendar) wrong but literate people will notice. Try your best to fix up your spelling & grammar.

Hotlinking. Any pictures or music that you link to should be hosted on your own server. Don’t hotlink to other site images – it’s typically considered theft of bandwidth and you could be violating a copyright.

Hotlinking. mọi ảnh và âm thanh lmà bạn liên kết pải đc lưu trữ trên máy chủ của bạn,đừng liên kết chúng ở các site khác ,điều này có thể khiến bạn mất bản quyền .


Identity. Ensure your site has a brand identity that reflects your brand values. Try to avoid cliche stock imagery.

thương hiệu. Đảm bảo trang của bạn có một nhận diện thương hiệu là bản sắc giá trị thương hiệu của bạn. cố tránh dùng các ảnh bản quyền .


Just keep swimming. (Yes, that’s a Finding Nemo reference.) Don’t give up. Sometimes your ideas won’t work, but just keep swimming. Today people tend to quit or give up too easily. With a little hard work, you’ll find most of your ideas are actually possible.

đừng từ bỏ,đôi khi ý tưởng bạn sẽ ko làm việc tốt, nhưng hãy giữ chúng lại. với một chút cố gắng , bạn sẽ tìm đc ý tốt nhất điều đó là chắc chắn .

Web Design Tips - K

Keep learning. Stay up to date with news by reading design blogs or try learning a new web language. There is no reason to stop learning about web design just because you’re page is up and running with decent traffic.

giữ việc học . hãy update các kiến thức mới bằng việc đọc blog thiết kế và cố học thêm 1 ngôn ngữ web mới , chả có lý do j để ngừng học về thke web chỉ bởi là trang của bạn đang lv tốt .


Load time. Make sure that your load time is low. In our fast-paced world, we don’t like to wait. I want to see your web page and I want to see it NOW. Try minimizing graphics, flash and scripts as they increase your file size. Also, make sure to optimize your code and delete any unwanted tags or unused scripts.

Thời gian tải trang . hãy chắc rằng thời gian tải trang là thấp nhất, bởi chúng ta ko muốn pải đợi chờ, cố giảm bớt đồ họa thấp và flash và scripts.


Minimize clicking. Put as few clicks between your visitor and your information as possible. The more you force your visitors to click around your site, the more you are telling them to go away.



Navigation. Site navigation plays a huge role in determining how long visitors stay and explore your site. If you have an easy to use navigation system, you’ll keep your visitors around longer.

Organisation. The way you organise your content, is as important as what your page looks like, so spend some time on it. If your readers can’t find what they are looking for, they’ll just go look someplace else.

Page length. While you want to make sure you put a lot of information on each page, don’t go too far by putting too much information. If you are posting really long articles, try chunking them into separate pages with six or seven screenfuls to each page.

độ dài trang, trong khi bạn muốn chắc chắn bạn đặt nh thông tin trên mỗi trang thì tốt nhất là đừng đặt quá nh thông tin, nếu bạn muốn thực sự post một bài dài,


Quit stealing content. Don’t copy and paste text from another website without asking the site owner for permission. Search engines know if you are copying content and they don’t like it – they’ll lower your page rank without asking any questions. See SEO tips.



Readable text. Make sure your text is big enough to read. I know, you’re probably thinking ‘thank you captain obvious.’ Well, I hate to state the obvious, but I am amazed at the number of sites I go to that I have to squint to read. Please, don’t punish me for actually wanting to read your content.

nội dung dễ đọc,chắc chắn chữ của bạn là đủ lớn để đọc, thật ngạc nhiên trc số lượng những trang web mà tôi pải cố đọc .


Scalability. Make sure that your design and coding are scalable. Technology is changing rapidly, screens are getting larger (and smaller too), making it hard to test your site on all screens and platforms. Making a scalable site is crucial with the way technology is constantly changing.

khả năng mở rộng. hãy chắc rằng tk của bạn và phần code có khả năng mở rộng. kỹ thuật luôn thay đổi rất nhanh, màn hình trở nên lớn hơn, khiến bạn khó để kiểm tra trang của bạn trên tất cả màn hình. làm mộ trang webcó thể mở rộng là rất quan trọng với công nghệ luôn thay đổi .


Text lines. Learn a lesson from the newspapers. The reason why newspapers print articles in columns is because it makes the lines short and easy to read. So, as a general rule of thumb, no line of text should be more than about 600 pixels wide.

Các dòng text. hãy học từ việc làm báo, lý do tại sao các báo in ấn các bài trên các cột là bởi nó khiến các dòng ngắn hơn và dễ đọc hơn.do vậy theo một quy luật chung thì ko nên để các dòng chữ có độ rộng lớn hơn 600 px


Use contrasting colors. It’s hard to read dark text on a dark background and light text on a light background. I know this tip is obvious, but remember that some color combinations just don’t work.

dùng mầu tương phản, thật khó để đọc một chữ đen trên nền tối và ngc lại, tôi biết mẹo này là rõ ràng, nhưng nhớ rằng một vài mầu kết hợp ko tốt với nhau .


Valuable content. Give your visitors a reason to stick around. Provide them with valuable content. They’ll be happy and keep checking out your site.

giá trị nội dung. hãy đưa cho khách của bạn 1 lý do để xem , cung cấp cho họ thông tin giá trị, họ sẽ rất vui để tiếp tục thưởng thức site của bạn.


Windows. It’s a good idea to pop up brand new windows for external links – that way your reader can continue reading your content and look at the other site. However, if you are directing them to another page on your site, use internal links. Opening links in new windows means that after five clicks within your site, your reader has six windows open cluttering their screen.

các cửa sổ, đó là ý tưởng tốt để mở ra các cưa sổ mới cho những lien kết bên ngoài. đó là cách ng đọc của bạn tiếp tục đọc nội dung của bạn và xem các trang khác. tuy nhiên, nếu bạn trực tiếp muốn đi tới chúng từ site của bạn thì hãy dùng các liên kết bên ngoài.


Editor’s note: This has has been debated before and I personally prefer having all windows open in the same browser.

eXplain what you’re linking to. Don’t just put a link in the middle of your article for no reason. Take a second to tell your readers why you think they should click the link. By telling them what you are linking to, you are giving them a chance to decide if they really want that extra information.

You don’t need permission to link. There is no reason for you to contact the site owner asking if you can link to their site. The reason their page is online is because they want to share it. So, if you want to link to a site… just do it.

Z - Z is a letter that Americans use in such words as ’specializing’ and ‘criticize’ however you should be aware that other countries spell these words with an ’s’. Brush up on your spelling differences, so you’re not later criticised.

Web Design Tips - Z

*Natalie Schnotz is a recent graphic design graduate and an avid writer. When she’s not on her computer designing, you can find her reading fantasy books, crafting and cooking with her chef husband.

Have you got any further web design tips to add?

source : justcreative.com