UI/UX Design Things

The development of design tools is advancing with the times. A good tool gives designer efficient and convenient experience and also stimulates high quality output. There are some practical design tools summarized on this list. Hope it be helpful. 1. Sketch Shortcuts Sketch is a fast and easy design tool, lots of UI designers turn to Sketch from Photoshop. Because it not only support for Web and App UI, but also give strong backing to high fidelity  prototyping  or interaction design. Website:  http://sketchshortcuts.com/   2.  T ype -s cale  to help on proper font size Are you still getting entangled with font size of your title and text? Follow the type-scale to customize your font size! Type-scale is an online tool allows users to scale text size. Users can change the various built-in scale ratios through the Scale option. Besides, you can preview the examples on the right side to choose the proper one, simple and conveni...

Have you meet some problems on user interface design for the mobile device? For example, small mobile screens? Bad user experience? In this article, I will cover some things you can do to learn practical user interface design ( UI design ). 1. UI design principle Don’t think the practical  UI design  principle does not apply to small mobile screens. Five elements of UI design you should take into consideration: 1). Goal-driven Design. This allows you to customize the app working process and meet requirements for target users. 2). Usability. It may look empty, but you have to guarantee your application is usable. Users don’t like to download a complex app from App Store. Usability makes your product useful and hopeful. 3). Affordance & Signifiers. The signifier is an implication of affordance.For example, underlined blue text reminds you it’s a hyperlink, and it can link to other pages when you click it. With correct signifier, users can easily ...

With the development of the Internet, the term of  User Experience  has become a keyword of the Internet product development. The definition of the user experience is notso absolutely, and it is also not so sacred and inviolable for ordinary people. In recent years, all peoples are talking about user experience, it seems that everyone can be a UI/UX designer, as the popularity of design in the world. But what is it? What is called as a good  User Experience ? What is the user experience? User experience (UX)  refers to a person's emotions and attitudes about using a particular product, system or service. It includes the practical, experiential, affective, meaningful and valuable aspects of human–computer interaction and product ownership. Additionally, it includes a person’s perceptions of system aspects such as utility, ease of use and efficiency.  The concept of design, like th...

The first thing to understand about  UX  is that it is not simply an exercise in creating a prototype. Many people approach UX entirely focused on prototype creation, but creating a prototype is only a narrow subset of what the discipline of UX has to offer. In this article, I’ll be covering the three cornerstones of becoming and being a UX professional: learning UX, practicing UX design , and cultivating your own UX connection. Part I. Tips on Learning UX 1. A list of classic books and resources for beginners:  Read my list of UX resources for beginners 2. The latest books for designers:  Great books for designers to read in 2016 Free UX & UI Books That Worth Your Reading 3. Listen to useful podcasts:  my blog post about my favorite UX podcasts 4. A list of  UX Design Blogs And Resources You Should Follow , some collections such as  UX — UI Readings  on Medium, and  Inspiration and helpful links for User Experien...

The terms of ‘wireframe’ and ‘prototype’ are always get confused by designers, despite the experienced designer, possibly due to the misunderstanding or some other reasons. Actually, the concept between the two terms is quite obvious and different. Now, let’s distinguish the two terms clearly. What is a Wireframe ? Wireframe is a low fidelity layout of the design which has 3 simple but direct targets: 1. Presents the main information group 2. Draw the outline of structure and layout 3. Vision and description of the user interface It will be your product’s main structure after you created a wireframe correctly. Just like the blueprint of a building, it describes details clearly and specifically. Visual features of wireframe Wireframe exists very obvious visual limitations. In general, designers only need to use lines, boxes, and gray color (different grayscale indicates the different level) to complete. Simple vector wireframe The content of a ...