InstantShift | Web Designers and Developers Daily Resource. Web Design Booth - Ultimate Resources For Web Developers and Designers 飞鱼的声纳 10 Tips to Create a More Usable Web Whether it’s your portfolio, a blog, a marketing web site, or a collection of games, we all want to attract visitors to our website and to ensure that they have a pleasant experience. Usability measures the level of a user’s experience and can be characterized by how easily a given task can be completed; whether it’s done with prior knowledge, or by having the user learn a new way to interact. I think Jakob Nielson probably explained it best when he said: “Usability is a quality attribute that assesses how easy user interfaces are to use. In this article I hope to give you some form of a usability checklist, covering topics from form design to simple navigation tips that you can apply to any Web project. 1. Letting the user know what section of the site they’re in, or what category they’re navigating through can be give a huge usability boost to any site. As a third option, you can easily create active navigation with JavaScript. 2. 3. 4. 5. 6. 7. 8. 9. 10.
Abduzeedo Since the very first time I saw the trailer of Tron Legacy I decided that I would have to try to do something inspired on that, all those light effects were exactly what I always love to do in Photoshop. Then I saw the James White design inspired by Tron and I was damn it, James nailed it. So I postponed my little experiment, however this week I decided that the time had come and so, I decided to recreate the logo effect we see in the trailer. For this tutorial I used Adobe Illustrator, Adobe Photoshop and Cinema 4D. Pretty much all the light effects and composition are done in Photoshop, the other apps were used just to create some shapes and elements, so if you want to do just the Photoshop part, in the of the tutorial there is a ZIP file with all the resource files used for this image. Step 1 The first thing to do is find or create the logotype of Tron Legacy. Step 2 Once you have the vector logo it's time to create the 3D version of it. Step 3 Step 4 Step 5 Step 6 - Photoshop Step 7 Step 8
Dzine Blog | Design inspiration and Resources Free PSDs & Resources for Web Designers by Orman Clark Tutorials Realtime Chat with Node.js By Nick Anastasov | In this tutorial, we are going to build a realtime chat system with Node.js, Express and the socket.io library. Read more My New Favorite Technique ForHiding Overflowing Text By Martin Angelov | In this short tutorial, I will show you my new favorite technique which fades overflowing text gracefully into the background – a perfect addition to your new design. Blog.SpoonGraphics 站酷（ZCOOL） - 设计师互动平台 - 交流设计.分享快乐 Tutorials | Line25 Did you like our Sci-Fi/Space Photoshop tutorials list? If yes, then you’ll definitely enjoy learning some new tips and tricks from these 25 movie effects Photoshop tutorials! For all the movie fans out there, we gathered here some really cool movie effects Photoshop tutorials which will teach you how to recreate your favorite movies posters or even manipulate your own photos and make you look like your favorite movie character! One of the most inventive and beautiful art genres of our time is the digital space art. If you are passionate about space, science, planets and stars, this list of brilliant space Photoshop tutorials will definitely appeal to you! For the majority of the tutorials in this list, you won’t use any stock photos or any material at all besides Photoshop filters, effects and blending modes.
APP UI - 发现设计 分享设计