Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘UI’

Icons are one of the main elements of any web design. You need an icon to make your user navigate your website, buy something, like something, share something and so forth. Creating icons for every single project may be a challenge, this is why is always good to see what you can find on the web to make your life easier. Read the rest of this entry »

  • Tags:
  • Filed under: Icons
  • 0 Comments
  • Flatic is a pretty big and free user interface kit that follows the flat design approach.

    It includes almost any type popular UI elements from navigation to forms, pricing tables, datagrid and much more.

    There are also many icons that go well with the kit and it comes as a fully editable PSD file.

    Flatic UI Kit

    Brick is a pack of reusable UI components, created by Mozilla, that uses custom HTML tags via “Web Components (a presentation about it and an article)”.

    It aims to provide a consistent experience on desktop + mobile and an easier/friendlier usage (compared to standard JS plugins).

    Brick UI Components By Mozillla

    Currently, Brick has thirteen different tags (components) like “calendar, tooltip, slider and more“.

    They can be downloaded as a complete library or separately instead of a single bundle.

    Brick is very well-documented, has lots of examples and still in beta. Check this Mozilla article to read more about it.

    Once, CSS galleries were so much popular and any web designer hunting for inspiration were visiting them regularly.

    They are still handy to find exciting stuff quickly (Dribbble and Behance help a lot too).

    Similar galleries exist when it comes to mobile app design and I believe they are even more useful. That’s because “it is harder to get mobile app inspiration without installing + using them which takes more time + effort“.

    These 12 galleries list beautiful app UIs, categorize them nicely and some of them also lists them by patterns:

    Lovely UI

    lovely_ui

    Mobile Patterns

    Mobile_Patterns

    Pttrns

    Pttrns Read the rest of this entry »

  • Tags:
  • Filed under: Design, Inspiration, No License
  • 5 Comments
  • User interface kits simplify creating good looking designs with less effort both for designers and (mostly) non-designers.

    MightyDeals is now running a deal that would help anyone working on an e-commerce project.

    The deal is for an e-commerce UI kit, KaredockPro, which includes many design elements (200 elements) regarding an e-shop.

    KaredockPro: E-commerce UI Kit

    This kit comes as a completely customizable PSD file, they are all vector shapes so that they can be resized without loss of quality and has 2 versions (light + dark).

    KaredockPro is created by Tokokoo which is mosyly known with their WordPress e-commerce themes and has items like: pricing tables, avatars, tabs, sliders, map, paginations, ribbons, badges, contact forms, buttons, graphs, and much more.

    P.S. The kit is normally priced $19 but offered for $9.

    GoodUI is a website that regularly shares handy tips for creating “converting and easy-to-use” user interfaces.

    The tips are described in detail, visualized nicely and usually easy to apply.

    GoodUI

    Some of the tips in the list include: “try recommending instead of showing equal choices” or “try undos instead of prompting for confirmation”.

    New tips are being added regularly and they a mailing list to update you about these fresh items.

  • Tags:
  • Filed under: Extras, Info, No License
  • 0 Comments
  • w2ui is a jQuery UI library with many widgets for creating desktop-like and data-driven web applications.

    The library comes as plugins for each widget so that you can choose which ones to use.

    It consists of the following widgets: layout, sidebar, toolbar, grid, popup, tabs, forms and field controls.

    w2ui

    They all play well with each other, make use of HTML5-CSS3 and have powerful APIs for controlling all the aspects of them.

    w2ui is very well-documented, has lots of demos to play with and it is being improved regularly.

    jKit is a free user interface library for jQuery that offers lots of functional features and components.

    It works cross-platform and includes slideshow, tabs, accordion, parallax, zoom, tooltip, form handling, ticker and much more.

    The functions can be integrated as JavaScript or with the help the data-jkit attribute as HTML.

    jKit has a very handy “macro” feature that allows defining any custom code (like a tooltip with a specific fading value) that can be used by simply calling the macro’s name.

    The UI kit is very well-documented with examples and a cheat sheet exists as well.

    The talented team at DesignModo has created a new UI design kit, The Bricks, and they are giving away 3 licenses to WRD readers (2 personal and 1 developer license).

    The Bricks is a PSD UI kit which comes in 4 parts: Forms, Elements, E-commerce and Words.

    The Bricks Addons

    It consists of many beautiful, pixel-perfect items which play well with each other and each having multiple variations.

    A 12 column grid is used and every UI element in the kit fits to the grid perfectly.

    The Bricks UI Kit

    Each layer in the PSD file is named, grouped and organized carefully so that working with them don’t get complicated.

    Also, The Bricks comes with a slick icon set that looks good with the rest of the kit. It is in Photosop Shapes format so that it can scale as we wish.

    The Bricks Icons

    How to join the giveaway?

    3 licenses of The Bricks is being given away:

    • 1 * Developer license
    • 2 * Personal License
    In order to join the giveaway, you can do one or both of the following to increase the chances:
    • Comment with “what do you love the most about The Bricks UI? “
    • And/or, tweet this giveaway with hashtag #wrdbricks (click to tweet easily)
    Winners will be selected on 26 Nov 2012 (1 week later). Good luck to all.

    The winners

    Here they are:
    • @gport_nl (Developer license)
    • Stfan (comment #864087) (Personal license)
    • @samcome (Personal license)

    Congratulations to the winners and thanks to everyone for joining the giveaway.

    As a designer/developer with developer part being a little stronger, I love making use of ready-to-use design resources as they help creating very good looking stuff quicker.

    Vandelay Premier, a place for premium design resources with lots of beautiful items, has also various attractive UI kits and they are giving away a huge pack to 3 WRD readers (details on joining the giveaway can be found at the bottom of the post). Vandelay Premier members get access to all of these UI sets plus hundreds of other design resources.

    Here are the UI kits in the pack:

    Exotico UI Set

    Exoticı UI Set

    A PSD UI set with 100s of items from navigation to charts, buttons, sliders, loaders, notifications, ribbons and more.

    Exotico's design is stylish and each element is editable through well-layered PSDs.

    Zephirro E-Commerce UI Set

    Zephirro E-Commerce UI Set

    For anyone working on an e-commerce project, Zepphiro is a real helper as it has all the major e-commerce related design elements.

    There are pricing tables, checkout, shopping cart, product listing/filtering designs, buttons, banners and even more.

    Creating mock-ups of an e-commerce project with Zephirro would save serious time.

    Read the rest of this entry »

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com