Scribd
Upload
27 views

Chapter 1 (Getting Started in Web Design) - 1

Uploaded by

jumagulnijat766
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
27 views

Chapter 1 (Getting Started in Web Design) - 1

Uploaded by

jumagulnijat766
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

1

Getting Started in Web Design


Content 2

1 Content-related disciplines 4 Backend development

2 Design specialties 5 Recommended equipment

3 Frontend development 6 Web-related software


3

Content-Related Disciplines

3
Content Wrangling 4
• Anyone who uses the title “web designer”
needs to be aware that everything we do
supports the process of getting the
content, message, or functionality to our
users.

• Good writing can help the user interfaces


we create be more effective, Good writers
and editors are an important part of the
team.

• In addition, two content-related specialists


in modern web development: the
Information Architect and the Content
Strategist.
Content Wrangling… 6

Information Architecture
• An Information Architect organizes the content logically and for ease of findability.
They may be responsible for search functionality, site diagrams, and how the content
and data are organized on the server.

• Information architecture is inevitably entwined with UX and UI design as well as


content management.

Content Strategy

• A Content Strategist makes sure that every bit of text on a site, from long explanatory
text down to the labels on buttons, supports the brand identity and marketing goals of
the organization.
• Content strategy may also extend to data modeling and content management on a
large and ongoing scale, such as planning for content reuse and update schedules.
Content Wrangling… 7

User Experience, Interaction, and User Interface design


• On the web, the first matter of business is designing how the site works. Before you
pick colors and fonts, it is important to identify the site’s goals, how it will be used, and
how visitors move through it.

• These tasks fall under the disciplines:


1) User Experience (UX) design:UX design is based on a solid understanding of
users and their needs based on observations and interviews.
2) Interaction Design (IxD):The goal of the Interaction Designer is to make the site as
easy, efficient, and delightful to use as possible.
3) User Interface (UI) design: User Interface design, which tends to be more narrowly
focused on the functional organization of the page as well as the specific tools that
users use to navigate content or accomplish tasks.
Content Wrangling… 8

User Experience, Interaction, and User Interface design


The following are deliverables that UX, UI:
1) User research and testing reports: Understanding
the needs, desires, and limitations of users is central
to the success of the design. The approach of
designing around the user’s needs is referred to as
User-Centered Design (UCD).

2) Wireframe diagrams: A wireframe diagram shows


the structure of a web page using only outlines for
each content type and widget. The purpose of a
wireframe diagram is to indicate how the screen real
estate is divided and where functionality and content.
Content Wrangling… 9

User Experience, Interaction, and User Interface design


The following are deliverables that UX, UI:
3) Site diagram: A site diagram indicates
the structure of the site as a whole and
how individual pages relate to one
another.

4) Storyboards and user flow charts : A


storyboard traces the path through a
site or application from the point of view
of a typical user.
Content Wrangling… 10

Visual (graphic) design


• A graphic designer creates the “look and feel” of the site—logos, graphics, type, colors,
layout, and so on—to ensure that the site makes a good first impression and is
consistent with the brand and message of the organization it represents

• There are many methods and deliverables that can be used to present a visual design
to clients and stakeholders. The most traditional are sketches or mockups (created in
Photoshop or a similar tool)
11

Code Slinging

10
Code Slinging 12

• A large share of the website building process involves


creating and troubleshooting the documents, style sheets,
scripts, and images that make up a site.

Frontend development
• Frontend refers to any aspect of the design process that
appears in or relates directly to the browser which includes
HTML, CSS, and JavaScript.
Backend development
• Backend developers focus on the server, including the
applications and databases that run on it. They will
certainly be required to know at least one, and probably
more, server-side programming languages, such as PHP,
Ruby, .NET (or ASP.NET), Python, or JSP,
Gearing up for web design 13

• Overview of the typical tools of the trade

1) Equipment
• Up-to-date computer
• A large monitor
• A second computer for testing
• Mobile devices for testing
• A scanner and/or camera
2) Web Production Software
• Coding tools
• Sublime Text
• Atom
• Brackets
• Visual Studio Code
Gearing up for web design… 14

• Overview of the typical tools of the trade

3) User interface and layout


• Affinity Designer
• Figma
• UXPin
4) Web graphic creation tools
• GIMP
• Corel PaintShop Pro
• Corel Draw
5) Different Browsers
• Chrome
• Opera
• FireFox
• Edge
• Safari
Thank You

14

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy