Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér"

Transkript

1 Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor Projektarbete Solveig Betnér

2 Innehållsförteckning Syfte s. 3 Målgrupp s. 3 Genre s. 3 Funktionalitet s. 4 Prototyper s. 5 Layout och grafisk form s. 9 Användarvänlighet s. 12 Sammanfattning av delar ur webstyleguide.com s. 13 Litteraturlista s. 15 2

3 Syfte Beställare 1: Irmapop Discjockeyn Irmapop spelar musik på olika tillställningar. Hon har haft spelningar i sin hemstad och målet är att sprida sig geografiskt. En webbplats behövs i marknadsföringssyfte. Beställare 2: Solveig Företaget Solveig designar, syr och trycker t-shirts och väskor. Försäljningen sker på konsthantverksmarknader och några få butiker. Hon vill ha försäljning via Internet för att nå fler. Målgrupp Jag följer till viss del Bergströms (2007, s ) beskrivning av hur målgrupp bestämms. Jag utgick också från egna erfarenheter. Det mest personliga är ofta det mest allmängiltiga! (Bergström 2007, s. 58). Irmapop Privatpersoner och företag besöker Irmapops webbplats. Målgruppen är människor som vill boka glad och dansant musik eller höra Irmapop spela. Åldersmässigt handlar det om år för privatpersoner men även äldre när det gäller företag. Solveig Målgruppen är män och kvinnor, år med intresse för hantverk. Gruppen vill ha unika accessoarer eller kläder. Genre Irmapop Detta är en företagssajt. Det blir inte problem att tillmötesgå olika typer av besökare (Van Duyne, Landay, & Hong 2006 s. 167) eftersom sajten är liten. Kontaktuppgifter hör till högsta prioritering så att bokning kan ske. Kontaktuppgifterna ska därför synas direkt (Van Duyne, Landay, & Hong 2006 s. 168). Solveig Detta är en e-handelssajt. Nu i den enklaste formen men kan expanderas vid behov (Van Duyne, Landay, & Hong 2006 s. 120). Den har också en del av genren företagsajt eftersom det ger trovärdighet att få veta vad som står bakom e-handeln (Van Duyne, Landay, & Hong 2006 s. 169). 3

4 Funktionalitet Utifrån målgruppens erfarenheter görs en lista över de krav och funktioner som bör finnas 1. Här är kravspecifikationer för webbplatserna jag jobbar med. Irmapop Solveig Tid och resurser påverkar prioriteringen. Jag hinner med kraven med prioriteringsgrad 1 tills 29 oktober. 1 Pieta Eklund, föreläsning om användbarhet, tillgänglighet, prototyping och användartester, oktober

5 Prototyper Tre underlag görs för prototypen. Sitemap, storyboard och schematics. 2 Jag gör först schematics och använder de som grund för storyboarden. Irmapop: Sitemaps, Schematic och Storyborad 2 Pieta Eklund, föreläsning om användbarhet, tillgänglighet, prototyping och användartester, oktober

6 Storyboarden kompletterad med en historia 3 : Stina behöver dj till sin nattklubb. En bekant tipsade om Irmapop. Stina surfar in på webbplatsen, läser informationen på startsidan men vill veta mer om musiken så klickar på länken musiken. Hon kollar under länken spelningar. Jag vill boka, tänker Stina och antar att det är rätt att klicka på kontakt. 3 Pieta Eklund, föreläsning om användbarhet, tillgänglighet, prototyping och användartester, oktober

7 Solveig: Sitemaps, Schematic och Storyborad 7

8 Prototyper4 Till grund för prototyperna är en teckning av elementen som finns på webbplatsernas alla sidor. Länkarna till Irmapop är urklippta i papper så de kan flyttas om beroende på vilken sida man är på. Samma sak med huvudinformationen som placeras i mittenrutan och bilderna som varierar på Solveigs sajt. Prototyperna är lätta att överblicka och navigationen är okomplicerad. Irmapop: prototyp Solveig: prototyp 4 Pieta Eklund, föreläsning om användbarhet, tillgänglighet, prototyping och användartester, oktober

9 Layout och grafisk form Företagens identitet syns direkt på startsidan (Van Duyne, Landay, & Hong 2006 s. 268). Irmapop visar vilken typ musik hon spelar och Solveig har en text som beskriver produkterna samt bilder som visar stilen. Webbplatserna visar också direkt det som är viktigtast (Van Duyne, Landay, & Hong 2006 s. 641). Slutenhetens lag är tillämpad i båda fallen. Informationen är inramad i en container för att ge webbplatserna tydlig struktur (Bergström 2007, s. 231). Irmapop Stödlinjer ritas med utgångspunkt från gyllene snittet. Det sägs ha det mest harmoniska förhållandet mellan längd och bredd (Bergström 2007, s.178). Den övre bilden visar en skiss över startsidan och den undre hur de underliggande sidorna skulle kunna se ut. Efter påbörjat arbetet med layouten i datorn kände jag att 9

10 illustrationen i vänstra hörnet blev för mycket och jag ville få med mer information direkt på startsidan. En ny layoutskiss: De två gula elementen visar exempel på likhetens lag som hjälper mottagaren att hitta (Bergström 2007, s. 231). Solveig Jag vill ge besökaren känslan av form och design. Ett klassiskt konstverk fick vara inspiration. Det gula och blå kompletterar varandra. Med starka svarta linjer runt viktiga element lyfts de fram från den vita bakgrunden (Van Duyne, Landay, & Hong 2006 s. 642). På Solveigs sajt syns likhetens lag. Den röda formen i logotypen har även placerats i nedre högra hörnet. Mycket vita områden gör att det känns luftigt och uppmärksamheten dras till rätt ställen (Lynch, Horton 2009, kapitel 7). 10

11 Färger Irmapop Irmapops färgschema är triadiskt 5, bortsett från det vita. Svarta konturer samt en del spetsiga former kompletterar mjuka färger. Dessa positiva färger symboliserar ofta glädje 6 vilket passar ändamålet. Solveig Färger hämtade från Mondrians konstverk. 5 Rebecca Landmér, föreläsning om design och färg, oktober Helena Jansson, föreläsning om färg, september

12 Användarvänlighet Detta hör ihop med målgrupp, funktionalitet och layout. Även tillgänglighet för funktionshindrade hör hit. Att viktigt innehåll kontrasterar mot bakgrunden är ett plus för de som har svårt att se färger. Bilder är märkta med beskrivande text för de som inte ser. Textstorlek är satt i måttet em för att förstorningen ska fungera bra. Endast lite javascript har använts för att inte komplicera för de som ej installerat det. Alternativ bör erbjudas annars. 12

13 Sammanfattning av delar ur webstyleguide.com 1. Process: Initial planning Testa webbdesignen på användare för att möta deras behov. Två, tre mål bör utgöra grunden för webbdesignen. Dessa bör innehålla strategier för webbplatsens form och hur framgången utvärderas. Ta hjälp av webbserverloggarna från servern som är värd för webbplatsen för att ha koll på sajtens aktivitet. I arbetslag finns olika erfarenheter. En gemensam plan för designen kan tas fram genom att dela med sig av synpunkter om redan befintliga webbplatser. Innan sajten börjar byggas bör behoven beskrivas för att definiera krav på innehållet. Klienten har ansvar över det innehåll som ska finnas på webbplatsen och bör vara medveten om det för att tidsplan och budget ska fungera. 4. Interface design: Interface design Oftast ser man inte hela webbplatsen på hemsidan. Man behöver oftast bläddra eller klicka sig vidare. Användaren ska kunna överblicka hur mycket information det rör sig om. Det ska vara lätt att orientera sig. Om webbplatsen har många länkar är det bra med kategorier som presenterar länkar istället för att alla visas direkt. Använd inga okända metaforer i gränssnittet. Användaren ska känna igen sig. Enhetlig design följer alla webbplatsens sidor för igenkännlighet, t.ex. en lista med länkar på samma plats och samma färger används. Använd gärna ett gränssnitt som många webbplatser har. En webbplats bör laddas snabbt. Många tröttnar annars. Det finns verktyg som kontrollerar hur snabb uppkoppling dina användare har. 7. Page design: Visual design Viktiga syften med grafisk design är att ge en överblick över elementens prioritet, definiera olika delar och att visa struktur. Element ska inte placeras trångt. En webbplats med väl uppdelat innehåll ger ett välorganiserat intryck. Vita ytor är också viktiga. Ögat följer en webbplats innehåll efter elementens placering. Balans ska finnas mellan visuell upplevelse och organiseringen. Färg och kontrast påverkar också användbarheten. 7 Page Design: Sidebar: Visual Design Principles Gestaltpsykologer har kommit fram till principer som utgör grunden för design. Dessa är de viktigaste för webbdesign: Närhet: En relation uppfattas mellan närliggande element. Likhet: Liknande objekt förknippas med varandra. Kontinuitet: Vi följer linjer och konturer med ögat. Helhet: Vi kan se hela figurer även om det fattas delar. Relationer mellan element i en bild gör att vi ser dem på olika sätt. Det beror t.ex. på formernas utseende, färger och storlek. Ett känt exempel är Rubins vas som kan ses både som en vas och två ansikten. 13

14 8 Typography: Legibility När text ska placeras på en webbplats, tänk på vilka mönster och kontraster som bildas. Text och grafik organiseras så att läsbarheten fungerar. Vita utrymmen är viktiga för luftighet och att separera textdelar från övriga element. Text kan justeras åt vänster, höger eller mot mitten. Mest läsbara är webbsidor med vänsterjusterad text. Textrader på webben ska inte vara lika långa som i tryckta medier. Då blir det för långt för ögat att ta sig tillbaks till vänstermarginalen. Vid fast bredd på layouten ska textraden vara högst 365 pixlar. Radavståndet i text för webb bör större än rekommendationerna för tryck text som är två procent över storleken på typsnittet. För att dela upp textstycken kan man göra indrag eller sätta botten-marginalen så att det blir en blankrad i mellan stycken. Blankrad gör det lättare för besökaren att överblicka texten. 11 Graphics: Imaging Strategies Fotografier blir bäst om de komprimeras som jpeg-format. Formatet stödjer 24- bitsfärger och laddas snabbt. Komplexa diagram och illustrationer bör produceras i vektorgrafiska program. Detta p.g.a. att förändring och skapande är enklare och kvalitet förändras inte när storleken ändras. När dessa bilder ska till webben bör de konverteras till png eller gif. Gif är det bildformat som stöds mest på webben. 14

15 Litteraturlista Bergström, B. (2007). Effektiv visuell kommunikation. Stockholm: Carlssons. Duyne, Douglas K. van, Landay, James A. & Hong, Jason I. (2006). The design of sites: patterns for creating winning web sites. 2. ed. Harlow: Prentice Hall Lynch, Patrick J. & Horton, Sarah (2009). Web Style Guide. 3. ed. 15

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck Projektarbete Solveig Betnér Sammanfattning och syfte Företaget Solveig skapar textila handarbetade produkter

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

Läs mer

Innehåll. 3 Grafisk profil. 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek

Innehåll. 3 Grafisk profil. 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek Grafisk profil Innehåll 3 Grafisk profil 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek 6 Teckensnitt 7 Färger Profilfärger och kompletterande

Läs mer

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan.

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan. WorkShop II Checklistor 1.2 Överordnad Struktur Balance: Gränssnittet har just nu viss balans i innehållet, men menyn behöver justeras i förhållande med innehållet samt en fast container för innehållet

Läs mer

Grafisk profil R AB. Ransäters Invest AB

Grafisk profil R AB. Ransäters Invest AB Grafisk profil R AB Ransäters Invest AB Innehåll 3 Grafisk profil 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek 6 Teckensnitt 7 Färger och

Läs mer

Genom att följa instruktionerna når vi konsekvens, tydlighet och trovärdighet i vår kommunikation.

Genom att följa instruktionerna når vi konsekvens, tydlighet och trovärdighet i vår kommunikation. Hotell Grafisk Profil Vår grafiska profil är en viktig del av vår identitet och ett grundläggande verktyg i våra relationer. Därför är det avgörande att vi använder vår grafiska profil rätt och att alla

Läs mer

Analys av com hems startsida

Analys av com hems startsida IT-Universitetet Interaktionsdesign Grafiska gränssnitt, 6p Göteborg ht 2003 Analys av com hems startsida Björn Nord d00nord@dtek.chalmers.se 1. Innehållsförteckning 1. Innehållsförteckning... 2 2. Inledning...

Läs mer

Projektarbete Skriftlig redogörelse för grafiska och visuella ställningstaganden

Projektarbete Skriftlig redogörelse för grafiska och visuella ställningstaganden Projektarbete Skriftlig redogörelse för grafiska och visuella ställningstaganden Ewa Kwiatkowska & Marika Johansson Webbredaktörsprogrammet, distans VT 2010 Formgivning och layout i InDesign Skriftlig

Läs mer

Personlig uppsats - analys av webbplats

Personlig uppsats - analys av webbplats Personlig uppsats - analys av webbplats Grafiska Gränssnitt, IT-universitet ht 2003 Anna Lindvall d00anna@dtek.chalmers.se Innehåll 1 INLEDNING... 3 2 INTRODUKTION... 3 2.1 KORTA FAKTA OM H&M... 3 2.2

Läs mer

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi

Läs mer

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt 1. Inställningar / Kontaktuppgifter Uppgifter som matas in i den vyn ovan visas i sidfoten på hemsidan: 2. Skapa nya sidor Om man

Läs mer

ANVÄNDARBESKRIVNING FÖR PERSONAL

ANVÄNDARBESKRIVNING FÖR PERSONAL ANVÄNDARBESKRIVNING FÖR PERSONAL 1 INLEDNING Programmet ipool är ett system för att på ett effektivt sätt sköta bemanning och personalinformation via ett webbaserat gränssnitt som är enkelt att använda

Läs mer

Grafisk profil till Dear Area

Grafisk profil till Dear Area Grafisk profil till Dear Area Av: Jenny Andersson & Josephine Persson 2008-09-26 Webbutvecklare på KY Akademien Introduktion Detta är en grafisk manual för Dear Area, ett designföretag som gör butiksinredning,

Läs mer

Jenny Dafgård, Fredrik Johansson, Nils Järgenstedt, Yael Katzellenbogen och Klara Mälarberg. IT-Universitetet i Göteborg, HT03

Jenny Dafgård, Fredrik Johansson, Nils Järgenstedt, Yael Katzellenbogen och Klara Mälarberg. IT-Universitetet i Göteborg, HT03 SAMMANFATTNING Denna rapport beskriver hur Grupp 8 gick till väga för att skapa en webbplats för företaget Polyplast+. Processen påbörjades med en förstudie om Polyplast+, och fortsatte sedan med användaranalys,

Läs mer

Slutrapport: Design av Hemsida för PolyPlast+

Slutrapport: Design av Hemsida för PolyPlast+ Slutrapport: Design av Hemsida för PolyPlast+ Av: Behzad Charoose, Johan Magnuson, Mikael Onsjö och Sofie Persson Datum och Plats: 03-09-19 Göteborg, Chalmers/GU Anledning: Uppgiften ingick som en obligatorisk

Läs mer

Prototyper och användartest

Prototyper och användartest Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"

Läs mer

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet GRÄNSSNITTSDESIGN Ämnet gränssnittsdesign behandlar interaktionen mellan dator och människa med fokus på designaspekterna i utveckling av användbara, tillgängliga och tilltalande gränssnitt. Det innehåller

Läs mer

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.oakley.com/legionofoakley?cm_mmc=ads-_-apparel_goggles-_-prs_sigseries-_-appa Inspiration Koncept

Läs mer

design & layout Distansskolan 1

design & layout Distansskolan 1 design & layout Distansskolan 1 Grundelementen Varje komposition är summan av dess grundelement. Om du tittar på en annons eller broschyr kommer du hitta både enkla och komplexa kompositioner. En del kompositioner

Läs mer

Analys av webbplatsen csn.se Personlig uppsats i kursen Interaktionsdesign Grafiska gränssnitt, hösten 2003

Analys av webbplatsen csn.se Personlig uppsats i kursen Interaktionsdesign Grafiska gränssnitt, hösten 2003 Analys av webbplatsen csn.se Personlig uppsats i kursen Interaktionsdesign Grafiska gränssnitt, hösten 2003 Helena Callert 1. Sammanfattning Denna uppsats beskriver en personlig analys av Centrala studiestödsnämndens

Läs mer

grafisk design & layout regler

grafisk design & layout regler & layout regler Grafisk design eller grafisk formgivning är ett kreativt och konstnärligt språk, men till skillnad från en fri konstnär så får en grafisk designer i uppdrag att föra ut ett speciellt budskap.

Läs mer

Konverteringsskola Del 3: Vad är användbarhet?

Konverteringsskola Del 3: Vad är användbarhet? Konverteringsskolans andra del behandlade vikten av att lära känna sina besökare. Vi kommer nu att arbeta vidare med besökarna i åtanke och fokusera på hur pass väl de kan använda webbplatsen. Om webbplatsen

Läs mer

Lampladan City. Grafisk manual

Lampladan City. Grafisk manual Grafisk manual Innehåll 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. Introduktion Logotyp Logotyp: Färgalternativ Logotyp: Färgalternativ Färger Färger: Förklaring Grafisk dekor Typografi Typografi: Tillämpling

Läs mer

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad: 2007-09-11

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad: 2007-09-11 Vägledningen 24-timmarswebben Magnus Burell, Verva Uppdaterad: 2007-09-11 Vägledningen 24-timmarswebben Vad? Ca 150 riktlinjer för utveckling av webb och e-tjänster i offentlig sektor Senaste version 2006

Läs mer

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al.

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al. Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion Kapitel 5 (3) i Rogers et al. Översikt Human Action Cycle Konceptuella modeller Metaforer ikoner Emotionell design Antropomorfism Agenter

Läs mer

Användbarhet för webben MDI, Webb och speciella behov 1

Användbarhet för webben MDI, Webb och speciella behov 1 Användbarhet för webben MDI, Webb och speciella behov 1 Hur används webben? Webbsidor läses inte, de skummas! Således, designa för att de ska skommas scanability Vi gör inga optimala val, vi söker något

Läs mer

Målgruppsanpassad Webbplats. Bild och grafisk design för webben Institutionen för samhällsvetenskaper HT2010 Av: Eva Wallin

Målgruppsanpassad Webbplats. Bild och grafisk design för webben Institutionen för samhällsvetenskaper HT2010 Av: Eva Wallin Bild och grafisk design för webben Institutionen för samhällsvetenskaper HT2010 Av: Eva Wallin Målgruppsanpassad Webbplats Motiveringar för utformningen av webbplatsen Utsiktens SPA Tredje och avslutande

Läs mer

Design och konstruktion av grafiska gränssnitt. Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU

Design och konstruktion av grafiska gränssnitt. Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Design och konstruktion av grafiska gränssnitt Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Making it look good: Visual Style and Aesthetics Visuell design Färger Typografi Exempel

Läs mer

Projekt 1 Webb- och inform ationsdesign

Projekt 1 Webb- och inform ationsdesign IT-universitetet MDI Interaktionsdesign Interaktionsdesign Grafiska gränssnitt 6p HT 03 Projekt 1 Webb- och inform ationsdesign Grupp 6 Theresa Harmanen, Linus Kjellqvist, Camilla Orrenäs, Emma Thunström

Läs mer

Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson

Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson Klarspråk på nätet är en praktisk handbok för dig som någon gång skriver text för webb, surfplattor och

Läs mer

Skillnader mellan design för tryck och webbdesign

Skillnader mellan design för tryck och webbdesign Vad är en webbtext? Webbtexter är inte en specifik texttyp i likhet med protokoll, rapporter eller artiklar. Istället kan webbtexter vara precis vilken texttyp som helst, och det enda som förenar dem är

Läs mer

Grafisk form för användargränssnitt

Grafisk form för användargränssnitt Grafisk form för användargränssnitt Petra Dryselius Designer, digitala plattformar Digital Communica.on Linköping AB Kompetens och lösningar inom digitala medier. Intranät, externwebb, webbsystem, digitala

Läs mer

Innehållsförteckning. Logotyp 3. Logotyp mått 6. Färger 7. Grafiskt element 9. Typsnitt 10. Powerpointpresentation 11. Brevpapper 12.

Innehållsförteckning. Logotyp 3. Logotyp mått 6. Färger 7. Grafiskt element 9. Typsnitt 10. Powerpointpresentation 11. Brevpapper 12. Grafisk manual Innehållsförteckning Logotyp 3 Logotyp mått 6 Färger 7 Grafiskt element 9 Typsnitt 10 Powerpointpresentation 11 Brevpapper 12 Mailsignatur 13 Kuvert 14 Visitkort 15 Exempel i tryck 16 2

Läs mer

Mehmet Akbasogullari 870711-3752. Informatik A - VT 2014. Informationsarkitektur. IT,Medier och Design. Workshop 3 02-02-2014

Mehmet Akbasogullari 870711-3752. Informatik A - VT 2014. Informationsarkitektur. IT,Medier och Design. Workshop 3 02-02-2014 1-3752 Informatik A VT2014 7.5 hp It, Medier och Design 02-02-2014 Arbetat med: Nevine Youssif 2 Innehållsförteckning 1.Del 1 Uppgiftsanalys och navigation...3 Moment 1 - Uppgiftsanalys...3 Moment 2 Navigation...8

Läs mer

Den grafiska profilieringen för roar

Den grafiska profilieringen för roar Den grafiska profilieringen för roar 2013 edition INNEHÅLL LOGOTYP 04 LOGOTYPENS FRIZON 05 TYPOGRAFI 06 FÄRGER 07 KONTORSMATERIAL 08 ANNONS & BILDER 10 BROSCHYR 12 GRAFISKA ELEMENT/BYXMÄRKE 14 WEBBSIDA

Läs mer

ATT ARBETA MED VEKTORGRAFIK

ATT ARBETA MED VEKTORGRAFIK ATT ARBETA MED VEKTORGRAFIK Helene Brogeland Vektorgrafik och animation VT 2014 2014-04-29 Inledning Före aktuell kurs hade jag bara en vag uppfattning av innebörden av vektorgrafik och hade aldrig jobbat

Läs mer

Värmdö IFs grafiska profil 4. Logotyp 5-9. Färg 10. Typografi 11-12. Brevpapper 13. Visitkort 14. Korrespondenskort 15.

Värmdö IFs grafiska profil 4. Logotyp 5-9. Färg 10. Typografi 11-12. Brevpapper 13. Visitkort 14. Korrespondenskort 15. 1Grafisk manual 2 Innehåll Sida Värmdö IFs grafiska profil 4 Logotyp 5-9 Färg 10 Typografi 11-12 Brevpapper 13 Visitkort 14 Korrespondenskort 15 Kuvert 16-17 3 Värmdö IFs grafiska profil En enhetlig grafisk

Läs mer

OM DEN GRAFISKA PROFILEN

OM DEN GRAFISKA PROFILEN INNEHÅLL Om den grafiska profilen 3 Logotyp 4 Grafiskt element 5 Profilfärger 6 Typsnitt 7 Block och kuvert 8 Profilkläder och visitkort 9 Måttband och pappkasse 10 Lastbil 11 Hemsida 12 Annons 13 Lanseringsannons

Läs mer

Kommunikationsorienterad. visuell design

Kommunikationsorienterad. visuell design Kommunikationsorienterad visuell design Magnus Haake LUCS, Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt orienterad grafisk design? Verktyg

Läs mer

Frågor och svar Gränssnittsdesign/Webbutveckling

Frågor och svar Gränssnittsdesign/Webbutveckling Frågor och svar Gränssnittsdesign/Webbutveckling Bilder och optimering 1. Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi eller 96

Läs mer

Gör en egen webbplats

Gör en egen webbplats I det här avsnittet får du lära dig att bygga en egen minsida lägga till text och bilder skapa en egen design lägga till en bakgrund på webbplatsen I nästa nummer får du hjälp att bygga en större webbplats

Läs mer

Materialspecifikationer webb 2014

Materialspecifikationer webb 2014 SYDSVENSKAN CITY NÄRA H I T TA H E M. S E MERAJOBB.SE SYDSVENSKAN WEBBYRÅ Materialspecifikationer webb 2014 www.sydsvenskan-webbyra.se Standardformat Panoramabanner Storlek: 980x240 px Framerate: 18-24

Läs mer

Layout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse

Layout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse Layout Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout: Proportioner Layout: Proportioner Pocket: 110 x 178 mm Fackpockett: 110 x 170 mm

Läs mer

GUIDELINES - TILLÄMPNINGSGUIDER

GUIDELINES - TILLÄMPNINGSGUIDER GRAFISK MANUAL 1 INLEDNING Den grafiska manualen är ett viktigt verktyg för alla som arbetar med kommunikation för Smartfront. Manualen är till för att underlätta arbetet med trycksaker och marknadsföring

Läs mer

Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande

Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande Vår grafiska manual Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande kunskapscentrum som ökar fram tidens brandsäkerhet

Läs mer

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag Den här veckan Kapitel 7 och 11 Kom ihåg att boka tiden för handledning på fredag Uppsamling av missade övningar på onsdag Making it look good Visuell design Färger Typografi Exempel och patterns Komplex

Läs mer

En grafisk profil. Har du frågor? Kontakta oss på info@soulchildren.se 018-430 25 80. Kära användare av Soul Childrens grafiska profil!

En grafisk profil. Har du frågor? Kontakta oss på info@soulchildren.se 018-430 25 80. Kära användare av Soul Childrens grafiska profil! Grafisk profil En grafisk profil INNEHÅLL: En grafisk profil 2 Vision och värderingar 3 Symbolik 3 Logotyper 4 Användning av logotyper 4 Färger 5 Typsnitt 5 Grafiska element 6 Exempel 7 Salt barn och unga

Läs mer

Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst?

Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst? Några exempel Principer för design Hur många kan ställa in klockan på sin video utan manual? Hur ofta vrider man på fel platta på spisen eller glömmer vrida av den när man är klar? Hur ofta knuffar man

Läs mer

grafisk produktion Grafisk profilpärm

grafisk produktion Grafisk profilpärm Grafisk profilpärm Förord Nacke är, som logotypen antyder på, ett företag som jobbar med grafisk produktion. Mer specifikt kan det vara omslagsdesign, fotografering, logotypdesign, webbdesign etc. Hit

Läs mer

Designmanual. Lunds Kommuns Fastighets AB

Designmanual. Lunds Kommuns Fastighets AB Designmanual Lunds Kommuns Fastighets AB 2010 Lunds Kommuns Fastighets AB (publ) Grafisk designmanual Version 1.0 2010 Innehållsförteckning En enhetlig grafisk profil stärker vår identitet Logotypen Färgerna

Läs mer

Misstag i webbdesign som gör att din hemsida ser klumpig ut

Misstag i webbdesign som gör att din hemsida ser klumpig ut Misstag i webbdesign som gör att din hemsida ser klumpig ut Föreställ dig en tegel och motor butik där entrén är delvis blockerad, produkter dåligt organiserade, utan ordentliga skyltar. Skulle detta vara

Läs mer

Lär dig skriva för webben

Lär dig skriva för webben Lär dig skriva för webben Start Academy Martin Johansson, Copywriter på StartCommunication martin.johansson@startcommunication.com Lär dig skriva för webben Tack vare internet och en uppsjö av digitala

Läs mer

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005 Så gör Vägledningen 24-timmarswebben dig till en bättre beställare Funda Denizhan, Statskontoret Kommits 17 november, 2005 Om IT och webb inte är en teknikfråga vad är det då? Är IT och webb en verksamhetsfråga?

Läs mer

SWEBO Bioenergy Grafisk profil

SWEBO Bioenergy Grafisk profil SWEBO Bioenergy Grafisk profil Formsmedjan Reklam & Kommunikation Grafisk profil Den image vi har, det vill säga hur andra människor uppfattar vårt företag är ett resultat av alla de intryck vi gör på

Läs mer

Inledning 4 6. Märke. Typsnitt 7 9. 10. Färger

Inledning 4 6. Märke. Typsnitt 7 9. 10. Färger GRAFISK PROFIL INNEHÅLL 3. Inledning 4 6. Märke Huvudmärke. Varianter. Tillämpning. 7 9. Typsnitt Huvudtypsnitt. Webbtypsnitt. 10. Färger Huvudfärger. Komplementfärger. Webbfärger INLEDNING Den grafiska

Läs mer

- en expertanalys. av Anna Olvenmyr

- en expertanalys. av Anna Olvenmyr IT-universitetet i Göteborg MDI. Interaktionsdesign - en expertanalys av Anna Olvenmyr Grafiska Gränssnitt, 5 poäng 2003-10-27 Inledning och kategorisering...3 Utvärdering indelad i kategorier...4 Impression/

Läs mer

INDIVIDUELL INLÄMNINGSUPPGIFT

INDIVIDUELL INLÄMNINGSUPPGIFT INDIVIDUELL INLÄMNINGSUPPGIFT Sofia Aronsson ANVÄNDBARHET OCH GRAFISK DESIGN MIS 13, Nackademin Yrkeshögskola Lärare: Ellinor Ihlström Inledning... 3! Analys... 3! Hitta... 3! Förstå... 5! Använda... 6!

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 TERMINOLOGI I Polopoly används ett antal grundläggande begrepp för publicering och hantering av information, eller innehåll som det också benämns. Nedan följer en kort genomgång av denna grundläggande

Läs mer

Logotyp och Grafisk profil för UT Transport i Norr AB

Logotyp och Grafisk profil för UT Transport i Norr AB Logotyp: Introduktion UT Transport i Norr AB s logotyp är designad för att på ett tydligare och starkare sätt representera det företag som UT har utvecklats till att bli idag och kommer att bli imorgon.

Läs mer

Snabbguide: Hur man öppnar en egen nätbutik

Snabbguide: Hur man öppnar en egen nätbutik Snabbguide: Hur man öppnar en egen nätbutik Vill du öppna din egen nätbutik? Nu är det enklare än någonsin. Följ stegen i den här snabbguiden så är du redo att öppna dörrarna. Vad du borde förbereda innan

Läs mer

INNEHÅLL ALLMÄNT... 2

INNEHÅLL ALLMÄNT... 2 INNEHÅLL ALLMÄNT... 2 POWERPOINT... 2 KOMMA IGÅNG MED POWERPOINT... 3 SKAPA EN PRESENTATION... 4 INFOGA... 5 Kopiera kalkylbladsceller från Microsoft Excel till en presentation...5 Dela information mellan

Läs mer

Kommunikations- orienterad visuell design

Kommunikations- orienterad visuell design Kommunikations- orienterad visuell design Magnus Haake Inst. för Designvetenskaper, LTH Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt

Läs mer

Torstens Digitalbildguide

Torstens Digitalbildguide Thor Stone Education Torstens Digitalbildguide 1 Det finns två huvudtyper av digital bild, vektorbaserad och pixelbaserad. - Vektorbaserade bilder bygger på en matematisk formel och kan storlekförändras

Läs mer

Grafisk manual Vårdsamverkan Skaraborg

Grafisk manual Vårdsamverkan Skaraborg Grafisk manual AaBbCcDdEe FfGgHhIiJjKk LlMmNnOoPp QqRrSsTtnOoPpQq RrSsTtUuVv WwXxYyZzÅåÄäÖö Varför en grafisk manual? s visuella profil syftar till att skapa en tydlig, enhetlig och konsekvent kommunikation

Läs mer

1. Polopoly och webbpublicering på SU

1. Polopoly och webbpublicering på SU 1. Polopoly och webbpublicering på SU Den här guiden är en introduktion till webbpubliceringssystemet Polopoly 9.16 för dig som ska arbeta som webbredaktör vid Stockholms universitet. Här går vi igenom

Läs mer

Dokumentation för användning av administrationspanelen på Xtractor.se

Dokumentation för användning av administrationspanelen på Xtractor.se Dokumentation för användning av administrationspanelen på Xtractor.se Kontrollpanelen når man på: http://xtractor.se/admin Xtractors webbplats är uppbyggt på en skräddarsydd variant av publiceringssystemet

Läs mer

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se

Läs mer

Max David Eriksson, 1982 / Kontaktuppgifter Telefon: 0738-374097 Email: maxdavid@skapadesign.com Adress: Docentvägen 32, 97752 Luleå / Utbildning

Max David Eriksson, 1982 / Kontaktuppgifter Telefon: 0738-374097 Email: maxdavid@skapadesign.com Adress: Docentvägen 32, 97752 Luleå / Utbildning Max David Eriksson, 1982 Kontaktuppgifter Telefon: 0738-374097 Email: maxdavid@skapadesign.com Adress: Docentvägen 32, 97752 Luleå Utbildning Civilingenjörsexamen i Teknisk Design vid Luleå Tekniska Universitet

Läs mer

Grafisk Profil. Grafisk Profil Version 1.0 06/12-2005

Grafisk Profil. Grafisk Profil Version 1.0 06/12-2005 Grafisk Profil Gertruds grafiska profil är dess ansiktet utåt. För Gertruds kunder, samarbetspartners och medarbetare ska det vara lätt att identifiera budskap från Gertrud i olika medier. Logotpen är

Läs mer

Designhäftet. När du kört fast, eller vill ha hjälp på traven. 2011 MailEasy International AB www.maileasy.se

Designhäftet. När du kört fast, eller vill ha hjälp på traven. 2011 MailEasy International AB www.maileasy.se Designhäftet När du kört fast, eller vill ha hjälp på traven. 2011 MailEasy International AB www.maileasy.se Materialet är framtaget i samband med utbildningstunrén 2011. Praktiska designtips En lista

Läs mer

Nyheter i PowerPoint 2010

Nyheter i PowerPoint 2010 Nyheter i PowerPoint 2010 Nytt utseende Programfönstret i Office 2010 har ett nytt utseende. Likt Office 2003 är Arkiv tillbaka. Som i Office 2007 finns det flikar och grupper i det övre verktygsfältet.

Läs mer

LATHUND TILL GOOGLE SITES

LATHUND TILL GOOGLE SITES LATHUND TILL GOOGLE SITES 2012 Mörbyskolan Denna lathund går igenom hur du skapar, redigerar och kan använda Google Sites i undervisningen Rev. 1.0a Innehållsförteckning 1. VAD ÄR GOOGLE SITES? ES?.........2

Läs mer

Logotyp. Här återfinns en rad exempel på logotyper som jag tagit fram vid olika tidpunkter, för olika verksamheter och under olika omständigheter.

Logotyp. Här återfinns en rad exempel på logotyper som jag tagit fram vid olika tidpunkter, för olika verksamheter och under olika omständigheter. Logotyp Här återfinns en rad exempel på logotyper som jag tagit fram vid olika tidpunkter, för olika verksamheter och under olika omständigheter. En verksamhets logotyp är vanligen det första som möter

Läs mer

Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC)

Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC) Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC) I Järnvägshistoriskt (i forts. Jvmv) forum finns ingen möjlighet att ladda upp bilder direkt i inlägg från sin hårddisk. Man måste

Läs mer

Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com

Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com 1 Innehåll Redesign.......................................................................3 Värvet........................................................................

Läs mer

Informationsarkitektur - att planera en webbplats

Informationsarkitektur - att planera en webbplats Informationsarkitektur - att planera en webbplats Introduktion Planeringsstadiet för en webbplats (eller vilket projekt som helst) kan vanligtvis bli lite stressigt. Alla har en åsikt om hur en webbplats

Läs mer

Grafisk Manual. Version 1.0

Grafisk Manual. Version 1.0 Grafisk Manual Version 1.0 Innehåll Inledning...3 Logotyp...4-5 Symbol och ordbild...4 Lokalavdelningar...5 Logotypens säkerhetszon...5 Storlekar...5 Grafiskt mönster...6 Flagga... 7 Färger...8 Typografi...9

Läs mer

Filformat / bildformat

Filformat / bildformat Filformat / bildformat Filformat/bildformat är olika modeller för att spara bilden. När du sparar ett foto finns det en uppsjö av olika filformat att välja bland. Först och främst har programmet (ex. Adobe

Läs mer

/Nordens största varuhus/nordens største varehus/pohjoismaiden suurin tavaratalo/cdon.com. /grafisk manual

/Nordens största varuhus/nordens største varehus/pohjoismaiden suurin tavaratalo/cdon.com. /grafisk manual /Nordens största varuhus/nordens største varehus/pohjoismaiden suurin tavaratalo/cdon.com /grafisk manual /grafisk manual Ett samlat intryck ger ett bättre intryck, detta är anledningen till att denna

Läs mer

/NORDENS STÖRSTA VARUHUS/NORDENS STØRSTE VAREHUS/POHJOISMAIDEN SUURIN TAVARATALO/CDON.COM /GRAFISK MANUAL

/NORDENS STÖRSTA VARUHUS/NORDENS STØRSTE VAREHUS/POHJOISMAIDEN SUURIN TAVARATALO/CDON.COM /GRAFISK MANUAL /NORDENS STÖRSTA VARUHUS/NORDENS STØRSTE VAREHUS/POHJOISMAIDEN SUURIN TAVARATALO/CDON.COM /GRAFISK MANUAL /GRAFISK MANUAL Ett samlat intryck ger ett bättre intryck, detta är anledningen till att denna

Läs mer

Grafisk manual. Studentkåren i Sundsvall 2013

Grafisk manual. Studentkåren i Sundsvall 2013 Grafisk manual Studentkåren i Sundsvall 2013 STUDENTKÅREN I SUNDSVALL GRAFISK MANUAL INLEDNING 2 Inledning Detta dokument reglerar Sundsvalls studentkårs grafiska profil med logotyper, typsnitt, färger

Läs mer

WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm

WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm WordPress är ett kraftfullt publiceringsverktyg för webben som trots sin flexibilitet och styrka är lätt att komma igång

Läs mer

Webbpolicy Övertorneå kommun

Webbpolicy Övertorneå kommun 1 Webbpolicy Kanslienheten september 2006 2 Inledning Den officiella kommunala hemsidan är en viktig informationskälla och informations- och marknadsföringskanal som ökar i betydelse. En hemsida är under

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2.

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2. Joomla - Administrationsguide Joomla - Administrationsguide 1 Logga in i administrations-gränssnittet 2 Ändra globala inställningar 2 Ändra titel 3 Artiklar, kategorier och sektioner 4 Skapa sektioner

Läs mer

2009-08-20. Manual för Typo3 version 4.2

2009-08-20. Manual för Typo3 version 4.2 2009-08-20 Manual för Typo3 version 4.2 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.1.1

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 NYHETER Manual HSB Webb brf 2004 03 23 Nu kan man sätta en hemavdelning på ett arbetsflöde, så att det bara blir synligt från den avdelningen och nedåt i strukturen under en förening. Ett arbetsflöde blir

Läs mer

Kravspecifika.on, pappersprototyp & CSS

Kravspecifika.on, pappersprototyp & CSS 1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna

Läs mer

Snabbguide: Hur man öppnar en egen nätbutik

Snabbguide: Hur man öppnar en egen nätbutik Snabbguide: Hur man öppnar en egen nätbutik Vill du öppna din egen nätbutik? Nu är det enklare än någonsin. Följ stegen i den här snabbguiden så är du redo att öppna dörrarna. Vad du borde förbereda innan

Läs mer

Wireframe när, vad, hur och varför?

Wireframe när, vad, hur och varför? Wireframe när, vad, hur och varför - 1 Wireframe när, vad, hur och varför? Arbetsflöde är ett samlande begrepp för alla steg som används för att göra en webbplats. Från första början till färdig sajt.

Läs mer

Kunskapscentrum för Äldres Säkerhet

Kunskapscentrum för Äldres Säkerhet Kunskapscentrum för Äldres Säkerhet Kravspecifikation för webbplats Webbplatsen ska vara uppbyggd så att den följer riktlinjerna från World Web Consortium (W3W). Webbplatsen ska följa standarder för uppmärkningskod.

Läs mer

Projektrapport Ewa Kwiatkowska & Marika Johansson

Projektrapport Ewa Kwiatkowska & Marika Johansson Projektrapport Ewa Kwiatkowska & Marika Johansson Projekt: webbplatsutveckling 15 hp Vårterminen 2011 Sammanfattning I den avslutande kursen för webbredaktörsprogrammet skulle vi göra ett projektarbete.

Läs mer

Universell användbarhet

Universell användbarhet Användbarhet definierar jag som ett samspel mellan användaren (målgruppen) och datorn (den tekniska lösningen). Människa - dator - interaktion "Med en alltmer omfattande datoranvändning har kraven höjts

Läs mer

Projektplan för Website Project Japan

Projektplan för Website Project Japan HT11 Mediateknik A Södertörns högskola 2011-12-15 Projektplan för Website Project Japan Publicering via Internet Interaktiva medier Belsam Djehiche Carina Johansson Kim Olsson Johansson Innehåll Projektet

Läs mer

Lär dig grunderna i Photoshop Elements 4.0

Lär dig grunderna i Photoshop Elements 4.0 Lär dig grunderna i Photoshop Elements 4.0 Här får du lära dig hur man flyttar bilder från kameran till datorn, hur man fixar till ett foto, hur man skriver ut bilder och mycket mera. Lycka till! copyright

Läs mer

Lions Clubs Internationals användarhandbok för e-klubbhuset

Lions Clubs Internationals användarhandbok för e-klubbhuset Lions Clubs Internationals användarhandbok för e-klubbhuset OCEC4.SW V02.2014 1 Du kan enkelt redigera klubbens webbplats med e-klubbhussystemet genom att följa instruktionerna i den här användarhandboken.

Läs mer

PowerPoint. Kapitel 1. Vasen

PowerPoint. Kapitel 1. Vasen Kapitel 1 PowerPoint PowerPoint används vanligen till att göra presentationer som antingen skall visas på dator eller som overhead. I det här exemplet visas hur programmet kan användas av elever för att

Läs mer

Välkommen till Flyerskola!

Välkommen till Flyerskola! Välkommen till Flyerskola! Flyerskola Var började det hela Tryckmetoder Teckensnitt Upplösning av bilder Vanligaste filformaten Program Underlätta arbetet för redaktören Att tänka på vid skapandet av en

Läs mer

Regionala Cancercentrum Logotyp

Regionala Cancercentrum Logotyp Regionala Cancercentrum Logotyp Innehåll 1. LOGOTYPEN 3 1.1 Logotypen 4 1.2 Logotyp för fyrfärgstryck 5 1.3 Logotyp för Pantonetryck 6 1.4 Logotyp för webb 7 1.5 Logotyp för kontorsbruk 8 1.6 Logotypfärger

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer