Design-Englisch lernen: 200 Fachbegriffe für UI/UX und Grafik

Englische Fachbegriffe aus dem Design: design, layout, typography, font, typeface, serif, sans-serif, bold. Typografie und Layout, Wireframe und Prototyp sowie Research und Testing im UI/UX-Prozess.
Englisch (USA)DeutschB1B2
200 Wörter
neulernst dukennst du
Begriff (100)
Bedeutung
design — Design
design
Create a new design
Design
layout — Layout
layout
The page layout is clean
Layout
typography — Typografie
typography
Good typography improves readability
Typografie
font — Schriftart
font
Choose a readable font
Schriftart
typeface — Schriftbild
typeface
The typeface is elegant
Schriftbild
serif — Serife
serif
Serif fonts look traditional
Serife
sans-serif — serifenlos
sans-serif
Sans-serif fonts are modern
serifenlos
bold — fett
bold
Use bold for emphasis
fett
italic — kursiv
italic
Add italic for style
kursiv
underline — unterstreichen
underline
Underline important text
unterstreichen
kerning — Kerning
kerning
Adjust the kerning carefully
Kerning
leading — Zeilenabstand
leading
Increase the leading for readability
Zeilenabstand
tracking — Zeichenabstand
tracking
Tracking affects letter spacing
Zeichenabstand
alignment — Ausrichtung
alignment
Check the text alignment
Ausrichtung
justify — Blocksatz
justify
Justify the text block
Blocksatz
hierarchy
Visual hierarchy guides the eye
Hierarchie
contrast — Kontrast
contrast
Increase the contrast
Kontrast
color — Farbe
color
Choose the right color
Farbe
hue — Farbton
hue
Adjust the hue slightly
Farbton
saturation
Reduce the saturation
Sättigung
brightness — Helligkeit
brightness
Increase brightness
Helligkeit
opacity — Deckkraft
opacity
Lower the opacity
Deckkraft
transparency — Transparenz
transparency
Add transparency to the layer
Transparenz
gradient — Farbverlauf
gradient
Apply a gradient effect
Farbverlauf
palette — Palette
palette
Create a color palette
Palette
RGB — RGB
RGB
Convert to RGB format
RGB
CMYK — CMYK
CMYK
Use CMYK for print
CMYK
hex code — Hexadezimalcode
hex code
Enter the hex code
Hexadezimalcode
pixel — Pixel
pixel
The image is 500 pixels wide
Pixel
resolution — Auflösung
resolution
Use high resolution images
Auflösung
DPI — DPI
DPI
Print at 300 DPI
DPI
PPI — PPI
PPI
Screen shows 72 PPI
PPI
vector — Vektor
vector
Vector graphics scale well
Vektor
raster — Raster
raster
Raster images lose quality
Raster
bitmap — Bitmap
bitmap
Save as bitmap format
Bitmap
SVG — SVG
SVG
Export as SVG file
SVG
PNG — PNG
PNG
Use PNG for transparency
PNG
JPEG — JPEG
JPEG
Compress as JPEG
JPEG
GIF — GIF
GIF
Create an animated GIF
GIF
PDF — PDF
PDF
Save the document as PDF
PDF
layer — Ebene
layer
Add a new layer
Ebene
mask — Maske
mask
Apply a layer mask
Maske
blend mode — Mischmodus
blend mode
Change the blend mode
Mischmodus
filter — Filter
filter
Apply a blur filter
Filter
effect — Effekt
effect
Add a shadow effect
Effekt
shadow — Schatten
shadow
The shadow adds depth
Schatten
highlight — Glanzlicht
highlight
Add highlights to the image
Glanzlicht
crop — zuschneiden
crop
Crop the image tightly
zuschneiden
resize — Größe ändern
resize
Resize the canvas
Größe ändern
scale — skalieren
scale
Scale proportionally
skalieren
rotate — drehen
rotate
Rotate the object
drehen
flip — spiegeln
flip
Flip the image horizontally
spiegeln
transform — transformieren
transform
Transform the selection
transformieren
distort — verzerren
distort
Distort the shape carefully
verzerren
warp — verformen
warp
Warp the text effect
verformen
brush — Pinsel
brush
Select a soft brush
Pinsel
stroke — Kontur
stroke
Add a stroke around it
Kontur
fill — Füllung
fill
Apply a solid fill
Füllung
path — Pfad
path
Draw a custom path
Pfad
anchor point — Ankerpunkt
anchor point
Move the anchor point
Ankerpunkt
bezier curve — Bézierkurve
bezier curve
Create smooth bezier curves
Bézierkurve
shape — Form
shape
Insert a basic shape
Form
rectangle — Rechteck
rectangle
Draw a rectangle
Rechteck
circle — Kreis
circle
Add a perfect circle
Kreis
line — Linie
line
Draw a straight line
Linie
grid — Raster
grid
Align to the grid
Raster
guide — Hilfslinie
guide
Add a guide for alignment
Hilfslinie
ruler — Lineal
ruler
Use the ruler for measurement
Lineal
margin — Rand
margin
Set the page margins
Rand
padding — Innenabstand
padding
Add padding around elements
Innenabstand
spacing — Abstand
spacing
Adjust the spacing
Abstand
whitespace — Weißraum
whitespace
Use whitespace effectively
Weißraum
composition — Komposition
composition
The composition is balanced
Komposition
balance — Ausgewogenheit
balance
Create visual balance
Ausgewogenheit
symmetry — Symmetrie
symmetry
Perfect symmetry is rare
Symmetrie
asymmetry — Asymmetrie
asymmetry
Asymmetry adds interest
Asymmetrie
proportion — Proportion
proportion
Check the proportions
Proportion
golden ratio — Goldener Schnitt
golden ratio
Apply the golden ratio
Goldener Schnitt
rule of thirds — Drittelregel
rule of thirds
Follow the rule of thirds
Drittelregel
focal point — Blickfang
focal point
Create a clear focal point
Blickfang
visual flow — visueller Fluss
visual flow
Guide the visual flow
visueller Fluss
wireframe — Drahtgittermodell
wireframe
Start with a wireframe
Drahtgittermodell
mockup — Entwurf
mockup
Review the mockup first
Entwurf
prototype — Prototyp
prototype
Build an interactive prototype
Prototyp
iteration — Iteration
iteration
This is the third iteration
Iteration
revision — Überarbeitung
revision
Make the requested revisions
Überarbeitung
feedback
Collect client feedback
Feedback
approval — Genehmigung
approval
Get final approval
Genehmigung
brief — Briefing
brief
Read the design brief
Briefing
deadline — Abgabetermin
deadline
Meet the deadline
Abgabetermin
deliverable — Lieferobjekt
deliverable
Prepare all deliverables
Lieferobjekt
asset — Asset
asset
Organize design assets
Asset
template — Vorlage
template
Use the brand template
Vorlage
style guide — Styleguide
style guide
Follow the style guide
Styleguide
brand — Marke
brand
Build brand recognition
Marke
logo — Logo
logo
Design a new logo
Logo
icon — Icon
icon
Create custom icons
Icon
illustration — Illustration
illustration
Add an illustration
Illustration
infographic — Infografik
infographic
Design an infographic
Infografik
banner — Banner
banner
Create a web banner
Banner

Feature anfragen

Was sollen wir ergänzen oder reparieren? Wir lesen jede Nachricht und schenken dir etwas für die Idee.

0 / 4000