SlideShare a Scribd company logo
Harness design
basics for greater
development
Simple details of UI
@abhi1203 #LaravelLiveIn
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Simple details of UI
Design basics
Alignment and Symmetry
Repetition and redundancy of information
Hierarchy of text
Using brand colors
Supporting colors, for balance (lines, bg, shadows)
Margin padding spacing
Minor details of UI (corners, links…)
Simple details of UI
Simple details of UI
Thank you
Abhishek Sharma
UI/UX Designer
ColoredCow
Design basics
(bonus slide)
Interaction elements (state changes)
Logical flow of the features and functionalities
Using real data (how content can break the application)
Use of text (is it something only you can understand?)
Always think about the user

More Related Content

PDF
Storytelling For The Web: Integrate Storytelling in your Design Process
PDF
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
PDF
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
PDF
2024 Trend Updates: What Really Works In SEO & Content Marketing
PDF
2024 State of Marketing Report – by Hubspot
PDF
Everything You Need To Know About ChatGPT
PDF
Product Design Trends in 2024 | Teenage Engineerings
PDF
How Race, Age and Gender Shape Attitudes Towards Mental Health
Storytelling For The Web: Integrate Storytelling in your Design Process
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 State of Marketing Report – by Hubspot
Everything You Need To Know About ChatGPT
Product Design Trends in 2024 | Teenage Engineerings
How Race, Age and Gender Shape Attitudes Towards Mental Health

Recently uploaded (20)

PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
Chalkpiece Annual Report from 2019 To 2025
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
CLASSIFICATION OF YARN- process, explanation
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PPTX
building Planning Overview for step wise design.pptx
PDF
Urban Design Final Project-Site Analysis
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PPTX
An introduction to AI in research and reference management
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
SEVA- Fashion designing-Presentation.pdf
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
Chalkpiece Annual Report from 2019 To 2025
Tenders & Contracts Works _ Services Afzal.pptx
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
CLASSIFICATION OF YARN- process, explanation
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
building Planning Overview for step wise design.pptx
Urban Design Final Project-Site Analysis
AD Bungalow Case studies Sem 2.pptxvwewev
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
An introduction to AI in research and reference management
Wisp Textiles: Where Comfort Meets Everyday Style
mahatma gandhi bus terminal in india Case Study.pptx
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
SEVA- Fashion designing-Presentation.pdf
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
Ad
Ad

Simple details of UI

  • 1. Harness design basics for greater development Simple details of UI @abhi1203 #LaravelLiveIn
  • 20. Design basics Alignment and Symmetry Repetition and redundancy of information Hierarchy of text Using brand colors Supporting colors, for balance (lines, bg, shadows) Margin padding spacing Minor details of UI (corners, links…)
  • 23. Thank you Abhishek Sharma UI/UX Designer ColoredCow
  • 24. Design basics (bonus slide) Interaction elements (state changes) Logical flow of the features and functionalities Using real data (how content can break the application) Use of text (is it something only you can understand?) Always think about the user