Scribd
Upload
5 views

UIUX Shortest Notes

uiux basics

Uploaded by

Keerthana
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views

UIUX Shortest Notes

uiux basics

Uploaded by

Keerthana
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

UI : Technical

UX : Emotional

UI UX

visual strength: colors Task flow


typography Scenariors

Design Principles: Visual Design Human Certified Design

Expertise: Mockups Wireframes


Graphics Prototypes
Layouts Research

UI IN MINIMALISM: Design should be simple and functional.

UI IN FOCUS: Getting the users attraction to a sepcified area.

UI IN STRAIGHT FORWARD: Inclue few essential elements rather than many elements.

UI should be easy to use.

UI vs UX

UI UX
FOCUS: Apperance and Layouts Overall user experience

ELEMENTS: Color, typography, User research,wireframing


interactive components. prototyping.

GOAL: Enhance the visual and Ensure the product effeciently meets
interactive aspects of user need and provides a seamless.
the product.

APPLICATIONS OF UI/UX:
Websites,software applications,AR/VR applications,mobile apps,social media.

DESIGN THINKING:

1,EMPATHIZE: Understand and observe users to gain insights into their needs and
challenges.

2,DEFINE: Clearly articulate the problem based on users reserach and insights.

3,IDEATE: Create a wide range of ideas and solutions through brainstroming and
creative thinking.

4,PROTOTYPE: Create low fildelity prototypes to explore and test solutions quickly.

5,TEST: Evaluate prototype with uses, gather feedback, and refine the soutions
based on their responses.

6,IMPLEMENT: Develop and launch the final solution, incorporating lessons learned
from testing.

ADOBE ILLUSTRATOR:

Vectors are line shapes and path that are defined by mathematical equation rather
than pixels.
They can be scalled to any size WITHOUT LOOSING QUALITY.
You can combine vector shapes using Boolean operations such as union, difference
and intersection.
Vectors are resolution independent, they can be used in designs for high resolution
screens or for print without losing quality.

PROJECT NAME: The titile of the project.


IMAGE SIZE: Determines the size and resolution of the artboard.
ORIENTATION: Portrait, Landscape.
BLEED: The amount of artwork that falls outside the printing areaor artboard
and will display when printed.
COLORMODE: Limits the amount of colors available to match the output of your
project.

ADOBE ILLUSTRATOR INTERFACE:

MENU BAR:Gives you access to wide range of functions and extra commands. Menu
includes the File, Edit, Object,Type, Select, Effect, View & window elements.
COLLAPSED PANEL BAR: A series of useful panels which provide extra funcitionality &
give you quick access to many tools that make modifying artwork easier.
PANELS: A group of related commands & options.

ADOBE ILLUSTRATOR COLOR:

RGB: Red, Gree, Blue color models is used for screens.


CMYK: Cyan, Magenta, Yellow & Black color model used for printing.
HSB: Hue, Saturation & Brightness color model.
LAB: More accurate color.
SWATCHES: Predefined,easy to access colors.

ADOBE ILLUSTRATOR LAYER:

Windows > layers

TOOLS:
DIRECT SELECT TOOL: allows you to choose & manipulate the objects
LASSO SELECT TOOL
CURVATURE TOOOL: draw curvates
Rectangle tools, Ellipse/star/line tool, paint brush, blob brush, pencil tool, type
tool,type & path tool,rotate tool, scale tool, reflect tool,
shear tool(skew or slant object),eraser tools,scissor tool(part is retained), shape
builder(combine/ overlap),width, art tool, zoom, hand tool(navigate to base).

PLUGIN :

CONTENT REEL:

You might also like