Trang

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

2 thg 5, 2013

10 cách để phân tách vùng nội dung trong thiết kế web


Một vấn đề đơn giản bạn thường gặp trong thiết kế web là tách nội dung thành hai phần riêng biệt khác nhau. Là một nhà thiết kế, tôi thường dùng một đến hai thủ thuật để làm việc này. Vậy tại sao lại không kết hợp các thủ thuật với nhau?
Hôm nay, chúng tôi sẽ cho bạn thấy 10 cách tuyệt vời giúp tách riêng biệt hai phần nội dung. Mỗi ví dụ đều lấy từ các trang web thực tế và bạn có thể tham khảo.

Tương phản là vua

Đây là cách tách các phần nội dung đơn giản và phổ biến nhất. Tất cả những gì bạn cần làm là chọn hai màu tương phản cho phần nội dung.

Thường là màu trắng và một màu tối hơn như màu đen hoặc màu đỏ tươi. Màu sắc tương phản là công cụ thiết kế mạnh mẽ nhất, sử dụng một cách khéo léo bạn sẽ có một thiết kế bắt mắt.

Làm mờ nhanh

Làm mờ nhanh ngược lại với ví dụ trên. Thay vì dùng màu tương phản và những đường line là tương phản nhẹ và tách riêng biệt.

Ý tưởng này dùng cho các tình huống mà bạn muốn có một sự khác biệt nhỏ giữa phần hình ảnh và nội dung nhưng chúng vẫn liên quan chặt chẽ với nhau.
Ví dụ trên sử dụng đường mờ nhỏ để tách các biểu tượng và phần văn bản. Một lần nữa cả hai liên kết với nhau bằng một đường line mỏng.

Các tam giác nhỏ

Các tam giác nhỏ có thể kết hợp với một số kỹ thuật khác, nhưng thường sử dụng những đường kẻ như ví dụ dưới đây. Có thể đảo ngược lại hình tam giác.

Dùng tam giác nhỏ khi bạn muốn gây sự chú ý đến một cái gì đó. Nó thường dùng cho các bộ sưu tập theo chiều ngang. Tam giác di chuyển khi bạn chọn các mục khác nhau

Các bài tách rời

Tôi không chắc ai đã khởi xướng nhưng nó đã trở nên phổ biến trong một đến hai năm gần đây. Đây là một giải pháp thanh lịch hơn rất nhiều so với việc dùng các đường kẻ ngang cứng nhắc.

Không nhất thiết phải là những đường răng cưa. Bạn có thể thay đổi về khoảng cách, chiều cao… Bạn cũng có thể sáng tạo những ý tưởng độc đáo mang tính cạnh tranh hơn.

The Cutoff

Ví dụ này xuất phát từ cùng một trang web, thiết kế của Colin Grist cho một websitetuyệt vời. Hãy xem cách ông phân biệt 2 phần nội dung:

Ông dùng một đường line nhưng thay vì dùng màu sắc tương phản, ông chỉ cắt bớt hình ảnh. Giải pháp đơn giản tuyệt vời và hoạt động rất tốt. Có thanh cuốn cho phần chọn bên dưới.

The Silhouette

Nó giống như giao diện sổ lưu niệm, bạn chỉ cần bỏ đường line để không gây nhàm chán. Tuy nhiên, đồ họa cần thêm nhiều hình ảnh hơn.


Tôi thật sự thích cách mà nhà thiết kế này làm với các lớp tòa nhà. Nó thật sự gây ấn tượng. Bạn có thể thử với một số hình ảnh khác như các ngọn núi, nước, cây …

Overlay

Lớp phủ là một cách khác để phân biệt hai phần nội dung một cách tinh tế. Nó trông phong cách hơn và phổ biến với cách làm mờ.

Nó có thể dễ dàng thực hiện trong Photoshop với opacity layout, nhưng sử dụng CSS thì đơn giản hơn. Hãy chắc rằng bạn sử dụng màu sắc bằng RGBa và chọn giá trị phù hợp để có sự phân chia rõ ràng.
Thủ thuật sử dụng lớp phủ cho navigation và các menu bar khác, cũng có thể cho quảng cáo và thiết kế giao diện UI. Nó thật sự là một kỹ thuật tuyệt vời cho bất kỳ dự án nào.

Thước aka

Tôi thật sự thích giao diện này và tôi sẽ dùng nó cho các dự án sắp tới. Ví dụ bên dưới dùng thước đặt theo chiều dọc.

Bạn có thể sử dụng kỹ thuật này như một yếu tố tĩnh đơn giản nhưng thiết kế này đã làm được tốt hơn. Sử dụng như một navigation.
Ví dụ có một kỹ thuật tốt, đơn giản bằng những điểm ngang. Nếu bạn muốn một thiết kế đơn giản, cách tốt nhất là chia bằng một line nhỏ. Còn gì dễ dàng hơn nữa?

Slice

Tôi đã suy nghĩ không biết gọi thiết kế này là gì nhưng trông nó rất tuyệt.

Có một số biến thể của ý tưởng này. Cơ bản đều là bổ sung phần nội dung và một số vị trí đánh bóng. Nó sẽ trở nên hoàn hảo hơn nếu bạn thêm vào một chút sáng tạo.

Kitchen Sink

Nếu đây là thiết kế giúp ích cho dự án của bạn, hãy nhớ rằng bạn có thể sử dụng một trong các thủ thuật.

Cũng như những thiết kế khác, tôi nghĩ thiết kế trên là một ví dụ tốt trong việc kết hợp nhiều phương pháp nhưng vẫn hấp dẫn và không quá rối. Chúng ta có thể thấy sự tương phản trong mày sắc, lớp phủ, những line đơn giản và scrapbook, tất cả đều trên cùng một thiết kế.
Các thiết kế nhất quán và lặp đi lặp lại và bạn không chỉ dùng cho mỗi phần khác nhau.

Kết luận

Mười ví dụ về việc tách nội dung có vẻ đơn giản nhưng tôi tin nó sẽ giúp ích cho bạn.
Hãy cho chúng tôi biết bạn thường sử dụng kỹ thuật nào trong các thiết kế của bạn.

Nguồn : Vnwordpress

28 thg 3, 2013

Vì sao Headhunter chưa gọi bạn?

Vì bạn đang hài lòng với công việc hiện tại và chưa có nhu cầu gặp họ? Không hoàn toàn đúng.

Việc Headhunter liên lạc với một người không liên quan nhiều tới nhu cầu chuyển việc của người đó mà chỉ nói lên “độ nóng” hay giá trị của họ trong thị trường tuyển dụng cao cấp.

Và giá trị thị trường hiện tại có ảnh hưởng rất nhiều đối với các cơ hội sẽ đến với bạn trong tương lai, khi bạn thực sự mong muốn một bước chuyển nghề nghiệp nhưng lại hơi trễ để gia tăng giá trị thị trường.

Thường xuyên làm việc với các Headhunter hàng đầu Việt Nam tại cổng thông tin Anphabe Top Headhunt, xin chia sẻ với bạn vài cách gia tăng giá trị thị trường như sau:
 1.Bạn biết ai? Kiến thức và khả năng của bạn tỷ lệ thuận với tổng kiến thức và khả năng của tất cả mọi người bạn có thể liên hệ tới. Vì thế hãy có ý thức thường xuyên mở rộng network tới các mối quan hệ chuyên nghiệp và giá trị.
 2.Ai biết bạn? Muốn ai đó biết về mình, chúng ta nên chủ động xây dựng quan hệ từ trước chứ đừng chờ đến khi cần mới lo vun đắp. Thống kê từ các Headhunter cho thấy 80% sẽ gọi những người họ đã biết, đã gặp để chia sẻ cơ hội hoặc nhờ giới thiệu; chỉ 20% là sẽ "săn tìm" các mối liên lạc mới.
 3.Họ biết gì về bạn? Bạn cần có chiến lược để "PR bản thân" một cách chuyên nghiệp và hợp lý. Thường xuyên cập nhật profile với các thành tựu nổi bật; tích cực chia sẻ kiến thức tại các diễn đàn phù hợp hay chủ động vun đắp sự thấu hiểu với các mối quan hệ chuyên nghiệp quan trọng sẽ giúp bạn định vị bản thân và gia tăng giá trị thị trường tốt hơn.

Tôi chắc chắn rằng những đầu tư nhất định hôm nay sẽ mở ra rất nhiều cơ hội mới cho bạn trong tương lai.

Source : anphabe

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

6 thg 4, 2011

Cách chụp hình chân dung với kỹ thuật lowkey

Low key đã để lại ấn tượng mạnh trong tâm trí tôi – Thật dễ dàng để chụp với một ánh sáng duy nhất và bạn có thể sử dụng bất kỳ ống kính nào, đặc biệt là chúng ta không cần tận dụng lợi thế của một khẩu độ (thấp) rộng cho chiều sâu của bức ảnh.

Dụng cụ

• Camera: Canon 50D

• Lens: Canon 50mm F/1.4

• Flashes: Canon 580ex

• Accessories: 1 đèn đứng, 1 khung đèn, 1 dù và tripod.

Một chút về kế hoạch

Một chút về kế hoạch để đi một chặng đường dài! Bạn nên lên trước kế trước khi ra ngoài, nó sẽ giúp bạn tiết kiệm thời gian hơn. Đôi khi tôi còn vẽ ra một số thứ tôi muốn chụp như 1 đứa trẻ , hoặc phác thảo sơ đồ chiếu sáng, thậm chí tôi còn lưu một ít ảnh mẫu vào iPhone để có thể xem lại.

Ngoài ra, bạn có thể rủ theo vài người bạn để chụp, nó sẽ dễ dàng và nhanh chóng hơn khi bạn tự chụp chân dung lẫn nhau.

Chụp ảnh

Điều đầu tiên bạn cần biết về chụp Low key là nó không cần phải được thực hiện vào ban đêm, trên thực tế chụp vào ban đêm còn gây khó khăn hơn rất nhiều … Làm thế nào bạn có thể tập trung vào một cái gì đó mà bạn không nhìn thấy?

Tôi không nói rằng bạn có thể làm điều đó trong ánh nắng rực rỡ, nhưng miễn bạn chụp ở trong bóng râm. Tôi đã chụp vào khoảng 9h và chỉnh khẩu độ cao để hạn chế những ánh sáng xung quanh đó, trong trường hợp này là mặt trời.

Tìm một vị trí thích hợp để chụp thật dễ dàng, tôi chỉ cần một nơi nào đó có không gian rộng một chút. Tôi đã tìm thấy một bãi đậu xe khổng lồ trống.

Việc đầu tiên tôi muốn làm khi đến nơi là bố trí vật dụng và suy nghĩ làm thế nào để chụp nó. Sau đó, tôi bắt chụp thử mà không nghĩ đến ánh sáng thế nào. Nguồn sáng đầu tiên tôi muốn loại bỏ là ánh sáng xung quanh. Nó khá dễ dàng.

Tôi phải đảm bảo ISO được đặt thấp, nó sẽ đi, sau đó tôi thiết lập tốc độ màn trập nhanh nhất, có thể đồng bộ hoá lên đến 1/200s. Tốc độ màn trập đóng nhanh làm loại bỏ khá nhiều ánh sáng.

Sau đó, đến khẩu độ, tôi bắt đầu với khẩu độ rộng, rồi dần dần thu hẹp nó cho đến khi tôi loại bỏ tất cả các ánh sáng xung quanh. Đây là lúc biểu đồ đặc biệt hữu ích! Mỗi lần tôi thu hẹp khẩu độ, tôi kiểm tra biểu đồ cho đến khi nó nói với tôi tất cả ánh sáng từ bức ảnh đã biến mất.Như thế này:

Lợi ích của việc này là bạn sẽ không phải thay đổi độ mở ống kính nhỏ hơn bạn có, có nghĩa là bạn sẽ không phải làm việc với đèn flash một cách khó khăn. Tôi bắt đầu với đèn flash ở mức 1/4 năng lượng cho bức ảnh này, má trái của tôi bị thiếu sáng một chút và bối cảnh của tôi nhận được một ít ánh sáng

Hừmmmm! Nhưng đừng hốt hoảng – điều này có thể sửa chữa dễ dàng. Có 2 cách, cách đơn giản nhất là bật flash lên và di chuyển ánh sáng vào bên trong chủ đề nơi thiếu sáng, hơn là chĩa vào bối cảnh.

Thứ hai, một lần nữa bật flash của bạn lên và di chuyển mọi thứ ra xa bối cảnh, từ đèn flash, đến người được chụp và cả máy ảnh của bạn nữa.

Nhưng không phải lúc nào bạn cũng có thể di chuyển ra khỏi bối cảnh hoặc bạn muốn ánh sáng chiếu vào bối cảnh, nhưng chúng ta vẫn có cách trong tình huống này. Đó là bạn di chuyển ánh sáng gần chủ đề hơn, khoảng một nửa so với ban đầu, lúc này, bạn phải giảm cường độ ánh sáng lại. Lúc này, ánh sáng trên phông nền sẽ được giảm đáng kể.

Nếu bạn không chụp được cũng đừng quá lo lắng, điều tốt nhất là bạn hãy thử lại một lần nữa, nó dễ dàng hơn nhiều khi bạn có kinh nghiệm.

Sau khi thiết lập một điều chỉnh nhỏ và chuyển flash của tôi lên mức 1/2 độ sáng, tôi đã kiếm được chính xác thứ mình cần. Tôi sử dụng một hộp ô dù để điều chỉnh ánh và tôi thích hiệu quả nó mang lại.

Bạn cũng có thể sử dụng một cái phễu to để điều chỉnh , thậm chí bạn không cần tất cả những thứ đó, một đèn flash cũng đủ để thực hiện. Từ lúc đó, tôi mải lo với những tấm ảnh mà không nhận ra Mikee đã chụp một số hình cho tôi – Thật là chuyên nghiệp!

Đây là hình ảnh cuối cùng của tôi, nó chưa được chỉnh sửa nhiều, tôi chỉ cắt hình và chỉnh một ít độ bão hoà.

Bạn có thể xem bản gốc tại Flickr với size to hơn và các thông số kĩ thuật của nó.

source : idesign.com

dịch từ http://ricknunn.com/how-i-shoot-lowkey-portrait/