UI design
Transcript: Nour El Houda TAHAR LAKOUES 07/08/2020 User Interface It is every visual element a user might interact with on a technological device, including the computer itself, as well as apps and websites. UI All of these different design decisions are all interconnected. Which one will you choose? Colors Color theory is a science and art unto itself, which some build entire careers on, as color consultants or sometimes brand consultants. Knowing the effects color has on a majority of people is an incredibly valuable expertise that designers can master and offer to their clients Purple is a combination of red and blue and takes on some attributes of both. It’s associated with creativity and imagination too. In design, dark purples can give a sense wealth and luxury. Light purples are softer and are associated with spring and romance. purple Green has many of the same calming attributes that blue has, but it also incorporates some of the energy of yellow. It’s appropriate for designs related to wealth, stability, renewal, and nature. Brighter greens are more energizing and vibrant, while olive greens are more representative of the natural world. green The color of optimism, youth and fresh energy. This color of sunshine is associated with success and confidence. Yellow grabs attention because the eye sees yellow first. The downside of yellow is that it can induce anxiety and cause one to be over-critical. It also signifies cowardice. Yellow blue Blue is often associated with sadness in the English language. Blue also represents calmness and responsibility. Light blues can be refreshing and friendly. Dark blues are more strong and reliable. peace The meaning of blue is widely affected depending on the exact shade and hue. In design, the exact shade of blue you select will have a huge impact on how your designs are perceived. Light blues are often relaxed and calming. Bright blues can be energizing and refreshing. Dark blues, like navy, are excellent for corporate sites or designs where strength and reliability are important. white White is often associated with purity, cleanliness, and virtue, white is commonly worn by brides on their wedding day. It’s also associated with the healthcare industry, especially with doctors, nurses and dentists. In design, white is generally considered a neutral backdrop that lets other colors in a design have a larger voice. It can help to convey cleanliness and simplicity, though, and is popular in minimalist designs. White in designs can also portray either winter or summer, depending on the other design motifs and colors that surround it. Imagery "An image speaks a thousand words" We live in an imagery based society where we are completely surrounded by images Content Mood "It's funny how a really small thing could change your mood for a day" Sad Happy Navigation Icons are simple image used in context to communicate something, they are easily to recognize, to access, to understand and to use Icons Look at that example: Apps Icon Typography has a much longer history than the design or the Internet itself. First, it appeared approximately in the 11–12 centuries when people invented movable type system.. Typography The effective copy is a key to the powerful design. Its effectiveness depends on not only its content but also presentation. Font size, width, color, and text structure — all of that matter Nowadays, it is more than just copy printing and organization. Commonly, typography is defined as the art and science of font style, appearance, and structure which aims at delivering the aesthetic and easily readable copy to readers. People got used to receiving the majority of information in text form and designers need to make this process easy and productive. Example Examples Apps InDesign XD Illustrator Photoshop MockFlow Proto.io UX UI is focused on the product, a series of snapshots in time. UX focuses on the user and their journey through the product UI is the bridge that gets us where we want to go, UX is the feeling we get when we arrive. UX is focused on the user’s journey to solve a problem, UI is focused on how a product’s surfaces look and function