Tag Archives: dizains

Nokia BetaLabs — kad mazāk ir labāk kā vairāk

Esmu jau pirms tam daudz rakstījis par to, ka uzskatu tabulu ierakstu vizuālu dalīšanu ar papildelementu izmantošanu par dizainera nemākulības paraugu. Viens no tādiem piemēriem ir Nokia BetaLabs, kur koporācija publicē testa versijas jaunajām mobilajām aplikācijām un programmām. Zemāk redzamajā animācijā es veicu tikai divas darbības — noņēmu fonu tabulas nepāra rindām un pēdējās kolonnas tekstam samazināju attālumu starp teksta rindām.

Nokia Betalabs. Pirms un pēc korekcijas.

Nokia Betalabs. Pirms un pēc korekcijas.

Rodas jautājums, kāpēc dizainerim uzspieda veidot šos nevajadzīgos fonus? Vai tas bija mārketinga nodaļas arguments «mums vajag vairāk zilas krāsas», jeb arī tas ir kā krieviem avīžu dizainā — jo raibāk, jo labāk?.

P.S. Patiesais šī ieraksta iemesls ir tāds, ka esmu beidzot iebraucis, kā darbojas Firebug (vismaz man tā šķiet). Tad nu gribēju parādīt lapu, kuras lietošana izsenis ir bijusi zobusāpe, savukārt absolūti vienkāršs labojums to padarītu jau daudzreiz lietojamāku.

Par tabulām un rāmjiem

Rīgas stacijas flip-dot panelis. Foto autors nezināms.

Rīgas stacijas flip-dot panelis. Foto autors nezināms.

Ja jums šķiet, ka šai bildei nav nekāda sakara ar raksta virsrakstu, tad jūs maldieties. Kaut gan viss sākās stipri ātrāk, teiksim tā, vairākus tūkstošus gadus ātrāk.

Sensenos laikos dzīvoja cilvēki, kuriem, tieši tāpat, kā tas ir mūsdienās, nebija talants noteikt, vai tas, ko viņi rada ir šķībs vai taisns, toties viņiem bija pietiekami daudz prāta, lai vienu un to pašu darbu nedarītu vairākas reizes. Tā uz pasaules parādījās tabulas un, līdz ar tabulām — tabulu rāmji.

Senās Ēģiptes sienas zīmējuma fragments. Bildēts Turīnā, Ēģiptes vēstures muzejā.

Senās Ēģiptes sienas zīmējuma fragments. Bildēts Turīnā, Ēģiptes vēstures muzejā.

Rāmjus vienmēr un visos laikos izmantoja, lai varētu ar roku veicamo darbu izdarīt precīzāk. Šī sienas zīmējuma fragmentā, ko es pirms HVZ cik gadiem nobildēju Ēģiptes vēstures muzejā Turīnā, var redzēt, ka hieroglifi, attiecībā pret līnijām, kas tos norobežo, ir zīmēti ar izcilu precizitāti. Man nav ne mazākās nojausmas, pēc kāda principa tika sadalīti darbi, bet izskatās, ka tas līniju vilcējs, kurš iedalīja vietas hieroglifiem tieši virs dievu zīmējumiem, visticamāk, atlikušo mūža daļu pavadīja, kraujot piramīdām akmeņus.

Vēlāk nāca citi tehniskie paņēmieni, kā dabūt kaut ko, kas ir tavā prātā uz papīra, bet līdz digitālās izdošanas laikam nemainījās tehnika — ja kaut ko vajag skaidri norādītā vietā iedabūt, tad pirms tam ir jāievelk robežas, lai ir skaidrs, kur tad tas kaut kas atradīsies.

Ziņojumu dēlis Rugājos. 2011. gads.

Ziņojumu dēlis Rugājos. 2011. gads.

Loģiski, lai vieglāk būtu ierakstīt, cik tad maksā kāds no ogu vai sēņu veidiem, mēs skaisti iezīmējam vietu, kur to ciparu iebāzt, lai nesanāk putra un nav jāčakarējas. Un, kā kārtīgiem padomiju piedzīvojušajiem mums bija liels pienākums izmantot lineālu un zīmuli visur, kur vien tas ir iespējams, pirms ķērāmies klāt pie tušas, krāsas vai kāda cita paliekoša izteiksmes līdzekļa izmantošanas.

Stāvi pie jūras. Tallina.

Stāvi pie jūras. Tallina. Foto autors nezināms.

Nu, gandrīz vienmēr.

Un tad nāca datorlaikmets ar saviem spiedogiem un zīmogiem. Un mēs uzreiz aizmirsām, ka līniju izmantošanai jebkādās formās, tabulās vai tekstos bija lielākoties vienīgi funkcionāla jēga — atrast kur rakstīt vai zīmēt un glīti šo vietu aizpildīt. Bet nu taču nevar tautieši no tā atradināties, galu galā tūkstošiem gadu to ir lietojuši. Un nesaprot, ka tajā brīdī, kad ar roku nekas nekur vairs nav jāiebaksta, nav arī jāmoka vairs cilvēka acs, saraibinot pasniedzamo informāciju ar absolūti bezjēdzīgiem režģiem.

Led-dot ekrāna elektroniskā parodija. Kaut kur Krievijā. Foto autors nezināms.

Led-dot ekrāna elektroniskā parodija. Kaut kur Krievijā. Foto autors nezināms.

Un aiziet, bliežam visu tabulās, saliekam visur rāmjus apkārt. Vajag taču kontrastu! Vajag spēku! Un viss, kas mums paliek no tik elegantā flip-dot ekrāna, ir zaļās krāsas teksti uz tumšāka fona. Kaut arī patiesībā šie teksti bija uz melna fona gaišiem burtiem nevis tāpēc, ka tas ir superkontrasts, ideāla lasāmībā un tūkstošu gadu pieredzes rezultāts. Vienkārši izmantojot melnu fonu, nevarēja redzēt iekārtas nepilnības pie nevienmērīga apgaismojuma — ēnas no atsevišķiem punktus veidojošiem elementiem.

Un tā mēs turpinām dragāt rāmjus apkārt visam, ko vairāk vai mazāk spējam dēvēt par tabulām, kaut gan tas ir reāli atbaidošs un funkcionāli absolūti nekādu jēgu nenesošs elements.

Tabula pirms un pēc.

Tabula pirms un pēc.

Par sūdu daudzumu un tā ietekmi uz saturu

Vizuālais dizains pārāk bieži tiek traktēts tikai kā visādu figņu skaista izvietošana ierobežotā vai neierobežotā laukumā. Vēl jo būtiskāk, pārāk bieži dizaineri veido savus garadarbus, ņemot par pamatu nevis patieso saturu, bet gan pašizdomātus satura aizvietotājus, kas noved pie tā, ka dizaina vizuālais vēstījums absolūti nesaskan ar dizaina funkcionālo jēgu. Lielisks piemērs tam ir Latvijas Pasta abonēšanas katalogs.

Latvijas Pasts. E-abonēšanas katalogs.

Latvijas Pasts. E-abonēšanas katalogs.

Samērā niecīgs produktu daudzums ir izvietots 72 lapaspusēs, katrā lapaspusē izvietojot arī samērā niecīgu skaitu informācijas. Patiesībā, lielāko daļu no lapas aizņem zili klucīši un tukšums. Izdarot vien elementāru plānošanu jau pirms tiek veidots dizains, t.i., paņemt reālus datus un apskatoties, kā tie izvietosies, dizainerim bija iespēja samazināt skraidīšanu pa lapām un palielināt produktu pārskatāmību. Papildus tam, ja es nemaldos, tad Latvijas Pasts vēl joprojām par papildu aprakstiem un izdevumu logo izvietošanu iekasē naudu. Tātad, uzdevums ir arī izcelt tieši šādus izdevumus.

Latvijas Pasts. E-abonēšanas katalogs. Sakārtojums kolonnās.

Latvijas Pasts. E-abonēšanas katalogs. Sakārtojums kolonnās.

Burtiski ar niecīgiem labojumiem tieši to pašu informāciju, kas līdz tam aizņēma divus ekrānu augstumus, tagad ir iespēja izvietot vienā nepilnā ekrānā. Tātad, tieši to pašu informācijas apjomu ir iespējams ievietot divreiz mazākā laukumā, iegūstot vēl arī papildus pārskatāmību un pievienojot papildus vērtību tiem izdevumiem, kas maksā par logotipu un aprakstu izvietošanu. Līdz ar to kataloga lapaspušu skaits arī tiek samazināts vismaz divreiz, kaut gan es domāju, ka to varētu samazināt arī četrreiz, tādējādi būtu jāpārlapo nevis 72, bet 18 lapas. Bez tam, izvietojot informāciju kompakti un reāli lietojot sadalījumu, kas ir redzams kreisajā navigācijā, var vispār atteikties no lapošanas — atverot sadaļu «Reģionālā prese», redzēt uzreiz visus izdevumus.

Attiecīgi — jo precīzāk ir definēts saturs pirms tā izkārtojuma veidošanas un, jo labāk dizaineris iedziļinās satura būtībā, jo mazāk sūdu viņš pievienos savam darbam. Un tam nav nekāda sakara ar minimālismu.

Iepirkumu uzraudzības birojs mainījis paziņojumu dizainu

Ar prieku sekoju līdzi Iepirkumu uzraudzības biroja publicētajiem iepirkumiem. Rodas vismaz kaut kāds priekšstats par to, kur un kā šobrīd tiek tērēta nauda valstī. Citreiz arī kaut kas interesants parādās, kur pats varētu mēģināt piedalīties. Līdz šim šie paziņojumi izskatījās šādi.

Paziņojums par plānoto līgumu. Vecā versija.

Paziņojums par plānoto līgumu. Vecā versija.

Man par pārsteigumu, nedēļas nogalē IUB mājaslapas darboņi ir uzlikuši jaunu ādu šim pasākumam.

Paziņojums par plānoto līgumu. Jaunā versija.

Paziņojums par plānoto līgumu. Jaunā versija.

Bez šaubām, viņi paši noteikti uzskata, ka tikko no zirgiem ir pārgājuši uz iekšdedzes dzinēju (un tā pirmajā brīdī šķist varētu arī citiem), bet patiesībā tie ir tie paši zirgi, tikai ar saķemmētu asti un novīlētiem nagiem.

Pievērsīsim uzmanību trīs galvenajām detaļām, kas jaunajā dizainā ir kļūdainas:

  1. Fons tiek izmantots bez pamatojuma. Tas negrupē līdzīgās informatīvās daļas un neatdala dažādās.
  2. Izcelts ir paskaidrojošais teksts, nevis saturs. Attiecīgi pirmais, ko ierauga, ir vārds «Pilsēta», nevis vārds «Rīga».
  3. Tiek automātiski izvadītas arī nevajadzīgās vai neeksistējošās informācijas vienības (čekbokši I sadaļas pēdējos trīs punktos, adreses sadalīšana daļās, katru no tām aprakstot).

Varēja pasēdēt pie šī pasākuma vēl piecas minūtes un nonākt līdz daudz pārskatāmākam rezultātam.

Paziņojums par plānoto līgumu. Mr. Serge versija.

Paziņojums par plānoto līgumu. Mr. Serge versija.

Magazine Layout By Brad Hammerstron

Es šo tekstu pirmo reizi publicēju 2006. gada 21. aprīlī. Manas domas necik nav mainījušās.

———

Magazine Layout
By Brad Hammerstron

I do a magazine at least once a month.

We have standard sizes, 1/16, 1/8, 1/4, 1/2 and full page. That’s it.

Our pricing is NOT based on a per column inch rate like a newspaper because a 1/16 page ad usually takes about the same amount of time that a half page ad does, so, our prices are on a sliding scale where a 1/16th page cost is the most expensive. That way if the reps sell a TON of 1/16 (or the MOST common, a 1/4 page ad) we make nothing but gravy on the page.

Once you do one magazine, you’ll get a feel for who is a repeat advertiser and who is not. You can usually take the last issue and clean out all the editorial (except for the repeat editorial personalities or sections) and leave the ads that you think will run again.

Then, as the sales are being made you do a dummy. This is sometimes a bunch of paper that you fold up by hand to imitate the magazine or an InDesign Dummy where you kind of know what advertisers you have. You place the ads so that they don’t compete with each other and the pages are about 25-50% advertizingadvertising on your ratio, some advertising rags go as high as 70% but they’re not magazines.) Once you have all the ads in place THEN you fill the rest with editorial. Hopefullly Hopefullyore than enough editorial to fill the mag, or you’ll be doing callouts and BIG headlines and graphics to fill up the space.

The ads are the most important part. Editorial comes second. You can cut paragraphs, stories, stretch stories over two or three pages to make it fit but you cannot do that with ads. Those are your bread and butter.

Once you have the ads all in place (don’t need to have them designed or proofed yet – just the placement then you drop in the editorial. Pour the editorial over the top, like milk. Let it settle so that the top of your text is even, all your columns line up. (All your text baselines MUST line up or your text will look funny)

Chose 1 font for paragraph text. It should ALWAYS be the same leading and the same point size. Use a common font for this – DO NOT use anything out of the ordinary or “Unique”. If your Art director suggests using anything fancy or weird, ignore him/her.

All your headlines should be the same font as unless there is ONE article in particular you want to get fancy with. DO NOT use more than that or your magazine will look childish.

If you have more than one article on a page, the top headline should be the boldest. Subsequent headlines should get smaller and smaller as they decrease in size and importance.

Your cut lines (captions) should be one point smaller than your paragraph text and italicized. Do not use indentation, bullets or hyphenation on captions.

Your choices are paragraph font, font size and justification you can choose full justification or left aligned, leaving the right jagged sometimes), headline font (size varies), justification , and cut line justification. This is called your style sheet.

Once you have designed one magazine, save these styles in your style settings so that you can easily highlight text and choose a style, whether it’s headline, paragraph or cutline.

Callouts are when a story doesn’t QUITE fit the page and you need to make it a little larger. You pick the most profound sentence in the article and duplicate it in the middle of the story, larger and bold, perhaps a different colour, that’s up to you. It’s a cheat.

Bylines can have their own style too, either use your cutline style or create a new one that looks good, but keep it consistent.

Do your best to avoid clipart. There is no place in a magazine for clipart except in ads (and even then, do your damnedest to avoid it). If you need a graphic for an editorial piece, find a photograph. Clipart is for kids.

Most importantly, find a cover shot. Do not use clipart or put ads on the cover. Find a cover shot early on. there is nothing worse than having an entire magazine done and you’ve got nothing on the cover.

I’ll assume you have your masthead done already. Keep that consistent. Do not move it. It should be bold. It doesn’t necessarily have to be catchy – that’s what your cover shot is for. You can play with it, depending on what the cover shot is.

That’s a start anyway.

Rokdarbi. Ķidājam jelgavnieki.lv pirmo lapu

Šo biju taupījis kādam prātīgākam brīdim, kad būtu vēlme visu pārzīmēt un parādīt galarezultātu, bet sapratu, kas tas no manis prasīs pārāk daudz laika un es neredzu tam īstu jēgu. Tāpēc aprobežojos ar tām pārdomām, kas man ir radušās saistībā ar jelgavnieki.lv pirmo lapu (es iekšā pat īpaši nevēlējos vairs līst).

Kas tad ir jelgavnieki.lv?

Jelgavnieki.lv ir plašs informatīvs portāls. Mēs piedāvājam ne tikai objektīvas ziņas par Jelgavā notiekošo, bet arī svarīgākās ziņas Latvijā.

Kaut kad sen es pat tur kaut ko mēģināju rakstīt, bet mums nesanāca sastrādāties un vispār es jau sen biju rīdzinieks, tāpēc Jelgavā notiekošo īpaši produktīvi atspoguļot tāpat nespētu. Ir gājis laiks, bet viss ir palicies tur, kur tas ir.

Jelgavnieki.lv pirmās lapas ekrānšāviņš 2010. gada 6. decembrī.

Jelgavnieki.lv pirmās lapas ekrānšāviņš 2010. gada 6. decembrī.

Redzamo haosu mēģināju sabīdīt pēc iespējas kopā, izmetot ārā visu lieko (tai skaitā reklāmas, bez šaubām) un izmantojot pēc iespējas visu laukumu, kas ir pieejams.

Continue reading