41
WEB TENDENCES Kā pieiet WEB dizainam mobilajā ērā Rihards Gromuls

Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Embed Size (px)

Citation preview

Page 1: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

WEB TENDENCESKā pieiet WEB dizainam mobilajā ērā

Rihards Gromuls

Page 2: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Riddle Līdzdibinātājs / Vecākais Dizaineris

Rihards Gromuls

2013 - pašreiz Riddle Digital & Riddle Lab

Interaktīvais dizaineris

2015 - pašreiz Rīgas Dizainu Mākslas Vidusskola

Interaktīvā dizaina pedagogs

2012 - 2013 Absolute Software GmbH

Vecākais dizaineris / Art Director

2013 MSc International Creative Advertising

Manchester Metropolitan University

2011 BA (hons) Interactive Media & Web

University of Wolverhampton

/gromila

in/gromuls

/Gromuls

Galvenā darbība:

Digital Design

WEB Design

Mobile Design

Other Solutions

Page 3: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Par Riddle Digital

Riddle ir apvienojusi jaunus un talantīgus profesionāļus, kam jau ir ievērojama pieredze

digitālo risinājumu radīšanā, izstrādē un ieviešanā visdažādāko sfēru klientiem. Ar godīgu

pieeju darbam mēs saviem klientiem veidojam funkcionālus un skaisti izstrādātus digitālos

risinājumus.

Galvenie Pakalpojumi

www.riddle.lv /RiddleDigital

Digitālais

dizains

Interaktīvie

risinājumi

Digitālā

stratēģija

Desktop & Web

lietotnes

Mobilās

lietotnes

Sociālie

tīkli

Page 4: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Aktuālas un stilīgas WEB lietas 2016

Make it POP, cuz

I want to take it

TO THE NEXT LEVEL

Page 5: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

- Jebkura aģentūra, kam nav slinkums šo ielikt piedāvājumā

“Jums VAJAG lapu

adaptēt MOBILAJĀM

ierīcēm!...Tas MAKSĀS

PAPILDUS”

Page 6: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 7: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

- Sekot tiem vai ne, ir atkarīgs tikai no Jums pašiem

Digitālajā pasaulē, tāpat

kā modes industrijā -

trendi nāk un iet.

Page 8: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

No skeuomorphism dizaina līdz flat dizainam

iTunes ikonas evulūcija

Page 9: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

STARTUP XPowerpoint Presentation for Projects

By John DoeProject ManagerĪsts klients 2009.

gadā

Vēlos PROFESIONĀLU un

PREMIUM FEELING

dizainu

Page 10: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Kurš no šiem nav premium un

profesionāls dizains?

Page 11: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 12: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 13: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Kāpēc kārtot visu no jauna ik pēc 2-3 gadiem?

Kārtīgas datubāzes /

sakārtoti resursi

Page 14: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

- Tim O’Reilly kaut kad

2004.g

“WEB 2.0

ir klāt!”

Page 15: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Bet kuru no CMS izmantot?

Nu tagad tik varam radīt saturu!

Page 16: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

404

Page 17: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 18: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Produkts

Bullet punkti ar lietām, ko mēs vēlamies, lai šis noteiktais

ekrāns satur:

• Galvenie End-pointi;

• Bildes (lielas, nevis tās mazās no WEB kačātās)

• Kvalificēts saturs (Headeri, Short & Full Descriptions)

• u.t.t.

Katrs savā datubāzes lauciņā.

Nākamā sadaļa

Bullet punkti ar lietām, ko mēs vēlamies, lai šis noteiktais

ekrāns satur:

• Galvenie End-pointi;

• Bildes (lielas, nevis tās mazās no WEB kačātās)

• Kvalificēts saturs (Headeri, Short & Full Descriptions)

• u.t.t.

Katrs savā datubāzes lauciņā.

Nākamā sadaļa

Bullet punkti ar lietām, ko mēs vēlamies, lai šis noteiktais

ekrāns satur:

• Galvenie End-pointi;

• Bildes (lielas, nevis tās mazās no WEB kačātās)

• Kvalificēts saturs (Headeri, Short & Full Descriptions)

• u.t.t.

Katrs savā datubāzes lauciņā.

Page 19: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Hmm…medicīniskās

iekārtes, labi, ka

mācoties par WEB

dizainu es paralēli

mācījos par pārdošanu

un medicīnu”

Dizaineris, kuram brīfa aprakstā ir

tikai pateikts “Uztaisi man jaunu

mājas lapas dizainu”

Page 20: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 21: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Drag & Drop it like it’s hot

Modulārs dizains

Page 22: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 23: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Svarīg

ais

Info

Nu

skais

ti nu

, bet tā

po

Page 24: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Svarīg

ais

Info

Nu

skais

ti nu

, bet tā

po

Page 25: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Svarīg

ais

Info

Nu

skais

ti nu

, bet tā

po

Page 26: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Bootstrapiņš,

Wordpressiņš,

nostilizējam CSS,

sataisam moduļus,

Visual Composer un

gatavs!”

Programētājs par 10k EURO tāmi

Page 27: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Svarīg

ais

Info

Nu

skais

ti nu

, bet tā

po

Page 28: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Ah, mīļais saturs – vecā labā sāpe!

Tipogrāfija

Aa

Page 29: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 30: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 31: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 32: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Okej…sadaļa “Mūsu

misija”, laikam tad

viņu misija tad ir

“Lorem ipsum dolor sit

amet, consectetur

adipiscing elit!””

Dizaineris, kuram brīfa aprakstā ir

tikai pateikts “Uztaisi man jaunu

mājas lapas dizainu”

Page 33: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 34: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Produkts

Bullet punkti ar lietām, ko mēs vēlamies, lai šis noteiktais

ekrāns satur:

• Galvenie End-pointi;

• Bildes (lielas, nevis tās mazās no WEB kačātās)

• Kvalificēts saturs (Headeri, Short & Full Descriptions)

• u.t.t.

Katrs savā datubāzes lauciņā.

Nākamā sadaļa

Bullet punkti ar lietām, ko mēs vēlamies, lai šis noteiktais

ekrāns satur:

• Galvenie End-pointi;

• Bildes (lielas, nevis tās mazās no WEB kačātās)

• Kvalificēts saturs (Headeri, Short & Full Descriptions)

• u.t.t.

Katrs savā datubāzes lauciņā.

Nākamā sadaļa

Bullet punkti ar lietām, ko mēs vēlamies, lai šis noteiktais

ekrāns satur:

• Galvenie End-pointi;

• Bildes (lielas, nevis tās mazās no WEB kačātās)

• Kvalificēts saturs (Headeri, Short & Full Descriptions)

• u.t.t.

Katrs savā datubāzes lauciņā.

Page 35: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 36: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Aa

Page 37: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Aa=

Kāpēc mēs vispār

veidojam šo mājas

lapu, vai digitālo

produktu”

Mērķis un saturs > visiem

trendiem!

Page 38: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Jautājumi, ko vajadzētu uzdot pirms doties pie izstrādātājiem!

Kas ir tas, ko mēs

vēlamies PANĀKT ar šo

lapu/risinājumu?

Page 39: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

Jautājumi, ko vajadzētu uzdot pirms doties pie izstrādātājiem!

Kas ir mūsu MĒRĪJUMI,

lai vispār saprastu, kas

STRĀDĀ un kas nē!

Page 40: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016
Page 41: Kā pieiet WEB dizainam mobilajā ērā? Rihards Gromuls. Digitālā Fabrika 2016

PALDIESJAUTĀJUMI?