Mr. Serge

Birka: dizains

  • Rokdarbi. Kā salikt viegli lasāmu tekstu drukai un ekrāniem

    Noformējot tekstus, pats svarīgākais ir domāt par to, lai tie ir viegli lasāmi. Jo mazāk cilvēkam ir jādomā par to, kā tikt pie nākamā burta, vārda, rindas un rindkopas, jo labāk. Izvēlētais fonts vai fona krāsa ir gluži otršķirīgas lietas.

    Atsevišķi varētu izcelt īsu tekstu maketēšanas estētiku, bet to atstāsim citai reizei un koncentrēsimies uz tādiem tekstiem, kurus lasīt aizņem vairāk par vienu sekundi.

    Virsraksti

    Virsrakstus raksturo divas galvenās īpašības: tie ievada teksta bloku un, ja virsraksti ir vairākos līmeņos, tiem ir jāveido kaskāde no visvairāk izceltā uz vismazāk izcelto. Būtiski ir padomāt par to, lai virsraksts tiešām ievada tekstu, nevis kaut kur planē gaisā un apakšvirsraksti neiesprūst starp teksta blokiem. Virsrakstam ir jābūt piesietam tekstam, kam tas seko. Īpaši bieži kļūdas ir ar apakšvirsrakstiem, kas tiek iecentrēti starp teksta blokiem.

    Virsrakstam un arī apakšvirsrakstiem jābūt piesaistītiem tekstam, kas tiem seko.

    Papildus sanitārās normas, kas palīdz virsrakstiem kļūt glītākiem, paģērē neatstāt rindas beigās saikļus, īsus vārdus un censties izbalansēt rindu garumu.

    Rindkopas

    Teksta sadalīšana rindkopās palīdz vieglāk uztvert atsevišķas domu kopas. Garos tekstos rindkopas palīdz lasīšanai. Tieši tāpat, kā pārāk gari teikumi traucē uztvert domu, jo ir aizmirsts teikuma sākums, garas rindkopas nosit ritmisku teksta lasīšanu, jo traucē nākamās rindas meklēšanu.

    Pirmajā slejā viss teksts vienā blāķī. Otrajā slejā rindkopas ir atdalītas ar vienas rindas atstarpi. Trešajā slejā rindkopas ir izceltas ar pirmās rindas atkāpi. Ja lieto metodi ar gaisa ielaišanu starp rindkopām, tad pirmajai rindkopas rindai atkāpi likt nevajag.

    Atkāpes likšana pirmajai rindai kopš tekstu migrācijas no drukas uz elektroniskajiem nesējiem ir sākusi izzust. Un iemesls ir tāds pats, kā gadījumā ar domuzīmes lietošanu — tehniski to realizēt HTML ir izaicinoši. Tomēr, ja nu jums izdodas šo paveikt, nelieciet pirmās rindas atkāpes jebkur, kur pagadās.

    Pirmās rindas atkāpes izskatās lieliski pamattekstam. Bet jāizvairās atkāpi lietot tekstiem, kas paredzēti vienā rindkopā, piemēram, ievados, virsrakstos, apakšvirsrakstos, ielauzumos, izcēlumos. Jo tas tikai rada nekārtību. Savukārt vienas rindkopas pamatteksts, kas piemērā ir iespraudies starp ievadu un apakšvirsrakstu, kaut arī no abām pusēm jau ir ar gaisu, tāpat izskatās kārtīgi, jo vizuāli sasaucās ar pārējo pamattekstu.

    Droši vien pieminēšanas vērts būtu arī lauzums vairākās slejās. Bet to atstāsim citai reizei, kad auditorijai būs priekšstats arī par to, kas lauzums vispār ir.

    Teksta rindas

    Ļaunākais, ko var nodarīt tekstam — izstiept vienu rindu tik garu, ka tā kļūst neizsekojama bez vilkšanas ar pirkstu līdzi.

    Nesamērīgi garas rindas ir klasiska tekstu noformēšanas kļūda. Ja jūtat, ka jūsu teksts sāk atgādināt lietošanas instrukciju uz etiķetes, tas ir skaidrs signāls, ka teksta rindas ir par garu. Palīdz vai nu fonta izmēra palielināšana, vai arī slejas platuma samazināšana. Vai arī abi.

    Optimālais vienas rindas garums ir 10 līdz 18 vārdi (50 līdz 70 zīmes). Atradīsi daudz muļķīgu pamācību par to, ka zīmju skaitā jāierēķina arī atstarpes un interpunkcijas zīmes. Bet es aicinātu vienkārši sekot līdzi tam, lai nepārsniedz 20 vārdu garumu vienā rindā. Jo lasītpratējs neuztver tekstu simbolos, mēs lasām vārdos. Un rindas garums ietekmē to, cik daudz vārdus tu paturi galvā, lai sameklētu nākamās rindas sākumu.

    Noslēguma jautājumi kā Saeimas sēdēs

    Nekliedz ar izcēlumiem, apakšvirsrakstiem, ielauzumiem, vizualizācijām un reklāmām katrā otrajā rindkopā. Saskaldīti teksti ir vienkārši nelasāmi. Superīgs piemērs tam, cik tas ir slikti — jau kādu laiku Tviterī dzīvojošā epidēmija ar tvītu pavedieniem.

    Izvairies izmantot kustīgu jebko blakus, virs vai zem teksta blokiem. Tas novērš uzmanību no satura un paildzina lasīšanu. TVNETa reklāmas abos sānos rakstiem ir ļaunuma iemiesojums. Cilvēkam, kas to izdomāja, vajadzētu iedot Kaudzīšu Mērnieku laikus un likt tos lasīt braucošā vilcienā, grāmatu piespiežot pie loga.

    Teksts piemēros ir no mana 2014. gada raksta Rokdarbi. Latvijas mobilo operatoru LMT, Tele2 un Bite datu tarifa plānu salīdzinājums.

  • Pantone 2026. gada krāsa 11-4201 TCX Cloud Dancer un kā to drukāt

    Ik gadu Pantone kādu no savu katalogu toņiem pasludina par gada krāsu. Šoreiz izvēlēts tonis 11-4201 TCX. Īsumā — lai dabūtu šo toni uz papīra, ir vienkārši jāizvēlās atbilstošs papīrs un tas nemaz nav jāapdrukā.

    Sāksim ar būtiskāko. Pantone gada krāsa nepadara sliktu attēlu lielisku, nesalabo krāsu profilu un neliek UV lakai uzvesties pieklājīgāk uz nepārklātiem materiāliem. Tā neglābj slikti izvēlētu papīru un nepadara bēdīgu maketu par izcilu. Bet tā izskatās labi mārketinga atskaites prezentācijā — it īpaši, ja slaidā nav jārunā par realitāti.

    Mūsdienās kalibrēts ekrāns ir sastopams retāk kā braucošs Volvo 760. Līdz ar to precīzām krāsu referencēm digitāli nav vispār nekādas nozīmes. Der aptuvenais kaut kas. Savukārt spektrālie mērījumi raupjam, nelīdzenam materiālam ir diezgan liels piedzīvojums. Tāpēc tekstila industrija lielākoties joprojām paļaujas uz reāliem, fiziskiem paraugiem.

    Klasiska krāsota materiāla reference: nekrāsots, bāzes paraugs; krāsots paraugs; dilumnoturības tests. Papildus vēl var nākt arī protokolētie spektrālie mērījumi un specifiski, audumiem raksturīgie testi.

    Kā jau raženi un pieredzējuši informatīvās miskastes ražotāji, Pantone ir radījuši TCX katalogu (Pantone Textile Cotton Extended). Tas ir paredzēts krāsotai kokvilnai un nozīmē dažādu krāsiņu paraugu vēdekli, ar kuru spēlēties dizaineriem. Turklāt ļoti dārgu vēdekli, tāpēc arī tā reklamēšanā tiek ieguldīti tik lieli līdzekļi. Tekstila nozarē katram ražotājam parasti tādi katalogi ir pašam un tie balstās uz saražotās produkcijas vēsturi.

    Krāsotas vilnas dzijas referenču katalogs. Attēlā esmu izrediģējis referencēm aprakstus (pielietotās krāsvielu proporcijas, uzskaites kodi un cita specifiska informācija). Pēc šādiem katalogiem arī pēc vairākiem gadiem ražotājs spēj atrast precīzu referenci tam, ko pirms tam jau ir ražojis.

    Savukārt maksātnespējīgiem dizaineriem un dizaineru vadītājiem, kuriem ir galva uz pleciem, Pantone piedāvā tā paša TCX kataloga toņu references pielietojumiem digitālajā pasaulē, no kurām tad arī tālāk tiek atvasināti arī citi pielietojumi. Piemēram, atrādīšanai uz aifoniem vai drukai uz papīra.

    Pantone 11-4201 krāsas references

    • sRGB 240, 238, 233
    • Hex #F0EEE9
    • Lab 94.14, 0.42, 2.51

    Nu lūk, spridziniet, dizaineri. Jums visi vārti vaļā! Bet, bet. A kā šito nodrukāt uz papīra? Ja precīzi, tad nekā. Jo šī krāsas reference vispār tam nav paredzēta un tās pielietošana drukā ir vairāk sevis un iespiedēju mocīšana.

    Tomēr ir risinājums arī tiem, kurus tomēr stipri notramdījuši jaunie un stilīgie klienti un Pantone gada krāsa par visām varītēm drukātā veidā nāksies izmantot. Pantone 11-4201 Cloud Dancer tonis ir ļoti, ļoti tuvs klasiskam, krēmīgam papīram, kuru lieto grāmatās.

    No tiem paraugiem, kas nu man bija pa rokai, vistuvākais bija Munken Premium Cream — ΔE 2.49 pret referenci. Jā, nav izcili. Bet tik precīzi nodrukāt jau ir izaicinājums. Un pavisam droši varu apgalvot, ka ir arī citi krēmīgie papīri, kurus var mierīgi lietot, lai būtu mums kārtīga deja mākoņos. Respektīvi, vienkārši lietojiet krēmīgos papīrus kā jau gada trendam atbilstošo bāzi un bez galvassāpēm drukājiet pāri saturu.

    —

    Galvassāpju mazināšanai un vispārējai pārliecībai par to, ka drukā uz papīra mums viss ir kārtībā: iepriekšējo gadu Pantone gada krāsas. Arīdzan no tekstila (kokvilnas) krāsu kataloga. 2016. un 2021. gadā pat tika izdomāts, ka gada krāsas var būt veselas divas.

    • 2025 Pantone 17-1230 TCX Mocha Mousse
    • 2024 Pantone 13-1023 TCX Peach Fuzz
    • 2023 Pantone 18-1750 TCX Viva Magenta
    • 2022 Pantone 17-3938 TCX Very Peri
    • 2021 Pantone 17-5104 TCX Ultimate Gray & Pantone 13-0647 TCX Illuminating
    • 2020 Pantone 19-4052 TCX Classic Blue
    • 2019 Pantone 16-1546 TCX Living Coral
    • 2018 Pantone 18-3838 TCX Ultra Violet
    • 2017 Pantone 15-0343 TCX Greenery
    • 2016 Pantone 13-1520 TCX Rose Quartz & Pantone 15-3919 TCX Serenity

    Varbūt nākamgad tas varētu būt viss katalogs. Kādam jau galu galā to vajadzētu beidzot saņemties un nopirkt.

  • Rokdarbi. Saite kā formas elementa aizstājējs Siguldas zemju kartes pārlūkā

    Karšu izdevniecība Jāņa Sēta izstrādāja Siguldas novada lauksaimniecības zemju karšu pārlūku. Pašvaldība atrada laiku piedalīties Eiropas fondu projektā, Jāņa Sēta atrada resursus, lai realizētu visnotaļ foršu ieceri. Nezinu, kurā brīdī viss aizgāja šķērsām, bet ar gala produktu īpaši apmierinātiem nevajadzētu būt. Produkts sanāca sasteigts un sarežģīts lietošanā. Brīdinu, ka būs nedaudz tehniskāks teksts kā parasti.

    Siguldas novada lauksaimniecības zemju karšu pārlūks. Ekrānšāviņš.
    Siguldas novada lauksaimniecības zemju karšu pārlūks. Ekrānšāviņš.

    Karšu pārlūkā ir ļoti daudz rīku, statisku un dinamisku elementu, tas viss izmētāts pa dažādiem stūriem, bieži vien viens otru dublējot. Piemēram, kartes kreisais augšējais stūris vispār izskatās kā no četriem dažādiem resursiem salīmēts.

    Siguldas novada lauksaimniecības zemju karšu pārlūka navigācijas rīki.
    Siguldas novada lauksaimniecības zemju karšu pārlūka navigācijas rīki.

    Man ir grūti iedomāties cilvēku, kas joprojām lieto klikšķināšanu uz bultiņām, lai pabīdītu karti. Jocīgi izskatās arī trīs reizes, dažādos paskatos ieliktie pietuvināšanas un attālināšanas rīki. Par sudraboto pogu rindu arī pastāstīšu nedaudz vēlāk.

    Atsevišķu uzmanību, kas arī ir rokdarbu raksta iemesls, jāvelta labajā pusē esošajam rīkam. Tas nodrošina parādīšanas/slēpšanas funkcionalitāti kartes slāņiem. Kartes slāņu rīka izmērs, ja salīmējam visas tā redzamās daļas kopā, ir 232 x 1018 px. Stipri par daudz priekš tik maza informācijas apjoma.

    Siguldas novada lauksaimniecības zemju karšu pārlūks. Rīks darbam ar kartes slāņiem.
    Siguldas novada lauksaimniecības zemju karšu pārlūks. Rīks darbam ar kartes slāņiem.

    Maketētājs, kas jau tā nespēja tikt galā ar elementu izvietošanu kartes pārlūkā, uzkārās brīdī, kad bija jāapvieno formas kontroles (checkbox) un apraksta vizuālā leģenda. Drukātajā kartē makets būtu skaidrs — leģendas zīmējums + leģendas teksts. Bet te pienāca klāt trešais, funkcionālais elements.

    Kad 2009. gadā rakstīju par adekvātu saišu lietošanu tekstos, daudzus samulsināja fakts, ka pastāv divu veidu saites — ar nepārtrauktu līniju un ar punktotu (raustītu) līniju. Toreiz JavaScript vēl neizmantoja tik plaši, tāpēc pietika ar definīciju, ka punktotā saite ved uz jaunu vietu/lapas daļu esošajā (ielādētajā) lapā. Tagad funkcionālās saites, kā man tīk tās dēvēt, papildina vai samazina elementu skaitu lapā, pašu lapu nepārlādējot. Tātad, princips paliek tas pats — noklikšķinot uz funkcionālās saites, lapa netiek pārlādēta, bet mainās kaut kā stāvoklis lapā.

    Tieši tāpēc šādas saites var un tām bieži vien pat vajadzētu aizstāt formas elementus, tādējādi ekonomējot vietu salikumā un padarot to vienkāršāk uztveramu.

    Pārmaketējot Jāņa Sētas karšu pārlūka slāņu rīku, tas ietilpst ekrānā, ir pārskatāms un vieglāk atšķirt aktīvos un neaktīvos kartes slāņus. Turklāt karšu pārlūkam parādījies nosaukums, slāņi salikti loģiskā secībā un blokā ievietots arī mērogs, punkta koordinātes, atbalstītāju logotipi.

    Siguldas novada karšu pārlūks. Rīks darbam ar kartes slāņiem. Mr. Serge versija.
    Siguldas novada karšu pārlūks. Rīks darbam ar kartes slāņiem. Mr. Serge versija.

    Funkcionālo saišu lietošana

    Es speciāli iezīmēju divās vietās kursoru, lai parādītu iespējamos funkcionālās saites stāvokļus. Pamata stāvokļi ir četri: nenospiesta, nospiesta, nenospiesta onHover, nospiesta onHover. Vēl var parādīties arī neaktīva nospiesta, neaktīva nenospiesta, bet šoreiz tādas nav. Vēl kas — funkcionālām saitēm, kad tās aizstāj formas elementus, grūti iedomājams stāvoklis «apmeklēta».

    Pirmajā rindā ir izvietots pārslēdzējs starp ortofoto karti un topgrāfisko karti. Šis elements jau labu laiku ir zināms tiem, kas jelkad ir izmantojuši Bootstrap saviem projektiem, tāpēc par to smalkāk nestāstīšu un tas uz funkcionālajām saitēm neattiecas.

    Tālāk mums ir visi slāņi, kas ir aktivizējami uz kartes un ir marķēti kā saites ar punktoto pasvītrojumu.

    Nemarķēti paliek nekopto zemju un īpašumtiesību slāņu leģendu atšifrējumi, jo tos pa vienam ieslēgt nevar, var aktivizēt tikai visu grupu. Attiecīgi — pasvītrots tikai grupas nosaukums.

    Nekopto zemju platībām ir stāvoklis, kad uzbrauc ar peli (onHover), aktīvi ir slāņi «Īpašumtiesības», «Kadastra vienības» un «Meliorācija». Pēdējam ir stāvoklis, kad tas ir aktīvs un ir uzbraukts virsū ar peli.

    Tagad atliek salikt visu kopā un ievietot atpakaļ lapas maketā.

    Siguldas novada lauksaimniecības zemju karšu pārlūks. Mr. Serge versija.
    Siguldas novada lauksaimniecības zemju karšu pārlūks. Mr. Serge versija.

    Nu re. Visa funkcionālā daļa tagad ir vienā blokā, izņemot to pogu rindu kreisajā augšējā stūrī. Teorētiski es gandrīz sapratu, ko katra no tām pogām nozīmē, tomēr ne līdz galam. Pirmā poga nedara neko. Otrā poga ir kārtējais pietuvināšanas rīks (ceturtais kartē, ja kas). Trešā poga ieslēdz pamatslānim melnbalto režīmu. Ceturtā un piektā poga paredzētas attāluma un laukuma mērījumiem. Tad ir gandrīz strādājošs meklētājs un tad ir poga, kuras jēgu vispār nesapratu, savukārt zem pēdējās slēpjas slāņu caurspīdīguma regulētāji.

    Ja pilnībā saprastu, kas kam ir paredzēts, varētu integrēt pogas labajā joslā. Piemēram, pievienot melnbaltās kartes funkciju blakus pārslēdzējam starp ortofoto un topogrāfisko karti. Slaideriem ar slāņu caurspīdīguma regulēšanu jau pēc būtības būtu jāatrodas slāņu sarakstā un arī meklētājam tur atrastos vieta. Bet šoreiz pietiks.

    Starp citu, visu «iemīlētais» jaunais Foursquare dizainā arī izmanto funkcionālās saites.

    Funkcionālās saites pielietojuma piemērs Foursquare jaunajā mobilās aplikācijas dizainā.
    Funkcionālās saites pielietojuma piemērs Foursquare jaunajā mobilās aplikācijas dizainā.

    Funkcionālajai saitei nav obligāti jābūt pasvītrotai ar punktotu līniju, tā var būt arī poga, kā tas ir Foursquare aplikācijas dizainā. Tieši tāpat, kā lapas navigācijā saites teju vienmēr zīmē kā pogas. Galvenais ir atcerēties nezīmēt šīs pogas tādas, lai tās vizuāli sasauktos ar formu elementiem. Un lai nav tā, kā ar Foursquare, ka ir jāpaskaidro, ka uz elementa var nospiest un tad kaut kas notiks.

  • Society for News Design apkopojuši pagājušā gada labākos digitālos žurnālistu darbus

    Society for News Design — Best of Digital Design 2013.
    Society for News Design — Best of Digital Design 2013.

    Ziņu dizaina biedrība (The Society For News Design) ir veikusi kārtējo brīnumdarbu, izskatot un apbalvojot labākos aizvadītā gada digitālos garadarbus Best of Digital Design. Tās nav CSDD neapskatāmās infografikas tviterī vai LSM vēl aizdomīgākas jēgas vizualizācijas mājaslapā. Biedrība ir izvērtējusi un apkopojusi labāko, ko žurnālisti visā pasaulē ir izdarījuši pagājušajā gadā.

    Visi marta beigās The Society For News Design apbalvotie darbi apkopoti vienā izklājlapā. Lai iepazītos ar visu saturu, būs jāpatērē vairāk, kā viena diena, bet man nav ne jausmas, cik ilgi darbu radītāji uzturēs visus savus projektus, tāpēc iesaku nevilcināties un neatlikt priekšdienām.

    Starp labākajiem ir gan alus šķirņu katalogs iPad, gan izcilās The Guardian pētījumu vizualizācijas Edvarda Snodena nopludinātajiem datiem. Tie ir gandrīz 250 tehnoloģiski, statistiski un, bez šaubām arī žurnālistiski labākie darbi, kādi līdz šim digitāli vispār ir radīti.

    Tiem, kas tankā:

    The Society for News Design (SND) is an international organization for news media professionals and visual communicators – specifically those who create print/web/mobile publications and products. Our members art direct, design, edit, report, illustrate, make photos and video, visualize data — and write code.

    Par labākajiem darbiem drukātajā jomā jau minēju rakstā «Noslēdzies Society for News Design 35. konkurss».

  • Rīgas parkomāts un tā ergonomika

    Raidījums «Zebra» Paula Timrota vadībā apsekoja Rīgas parkomātus un kopā ar Latvijas Mākslas akadēmijas studentiem izpētīja, kā parkomāts darbojas un kādas ir lietojamības problēmas, kas ar to saistītas. Un to ir vairāk, nekā jūs spējat iedomāties.

    Gandrīz visas parkomāta problēmas sižetā ir uzskaitītas. Nav skaidrs, kāpēc «Rīgas Satiksme», uzņēmums ar ļoti pietiekamu budžetu, pirms parkomātu uzstādīšanas nav veikusi elementāru pārbaudi uz lietotājiem.

    P.S. Man ir vēl 1000+ stipri vecāki video (un arī jaunāki, piemēram, Азбука | Alphabet), kurus varētu publicēt blogā. Kā ir, ērtāk ir blogā, vai arī pietiek, ka tviterī iemetu?

  • Noslēdzies Society for News Design 35. konkurss

    Pasaules skaistākās avīzes ik gadu var ievērtēt Society for News Design (SND) rīkotajā konkursā. Jebkurš izdevējs no visas pasaules var iesūtīt savus labākos avīžu izklājumus vērtēšanai, cīnoties par medaļām, līdzīgi kā olimpiādē. Kaut gan oficiālie rezultāti vēl nav zināmi, neoficiāli nominācijas jau ir pasniegtas un diez vai kaut kas būtiski mainīsies.

    Šogad, kā jau tas bija gaidāms, starp favorītiem ir ļoti daudz preses saistībā ar Nelsonu Mandelu. Nav nekāds brīnums, jo 2002. gadā praktiski visi darbi bija saistīti ar 11. septembra teroraktiem.

    Par teroraktiem runājot, manā personīgajā skatījumā pagaidām starp visiem nominantiem vislabākais darbs nepelnīti ir ieguvis vien sudraba medaļu.

    SND sudraba medaļa. Boston Globe maratona terorakta atspoguļojums.
    SND sudraba medaļa. Boston Globe maratona terorakta atspoguļojums.

    «This is how you cover an event as it happens. It’s got depth, it’s got thought. It’s complete. It’s got all the pieces. It’s a simple design, but the design is enhancing the content.»
    — SND35 long form judges

    SND sudraba medaļa. Boston Globe maratona terorakta atspoguļojums. Otrais atvērums.
    SND sudraba medaļa. Boston Globe maratona terorakta atspoguļojums. Otrais atvērums.

    Bet netrūkst arī citu lielisku darbu. Piemēram, Times of Oman ir skaista avīze pati par sevi, ko nevarētu teikt par viņu mājaslapu. Ja kādam gadās netīšam paklupt Persijas līča dienvidu krastos, uzsaukšu pudeli viskija par pāris avīzes numuriem taustāmā veidā.

    Un netrūkst arī vilšanās. Lieliskais zviedru Svenska Dagbladet ir sačakarējis kultūras pielikuma izskatu. Tagad tas ir gaužām neinteresants. Akurāt nav skaidrs, par ko viņiem ir izteikta tik augsta atzinība.

    Pēdējos gadus SND konkursā vērtē arī digitāli radītos darbus un izskatās, ka šogad šajā lauciņā laurus plūks National Geographic. Bet neiztiks arī bez iepriekšējos gadus digitālajā jomā ne bez nopelniem izceltajiem New York Times ar infografiku un Boston Globe ar jauno mājaslapas dizainu. Arī šogad pieteikto darbu sarakstā ir New York Times prātam neaptverama darba rezultātā radītais izcilais vizuālais baudījums, kuru Society for News Design pelnīti atzinuši par sudraba medaļas vērtu.

    SND sudraba medaļa. The New York Times — Reshaping New York atvērums.
    SND sudraba medaļa. The New York Times — Reshaping New York atvērums.

    Pēc tam, kad tiks paziņoti Society for News Design oficiālie uzvarētāji, sagatavošanā būs arī gadagrāmata, kurā SND publicē visus interesantākos darbus, ieskaitot tos, kas balvas nav ieguvuši. Un šī grāmata (ieskaitot arī visus iepriekšējo gadu izdevumus) vienmēr ir ļoti vērtīgs papildinājums bibliotēkai. Bet, pat ja neizdodas pie drukātā izdevuma tikt, SND mājaslapu pašķirstīt var bez maksas.

  • Windows Phone 8 vs. iOS7. Saturam ir jābūt pirmajā vietā

    Windows Phone 8 vs. iOS 7 kontakta skats.
    Windows Phone 8 vs. iOS 7 kontakta skats.

    Man ir pie vienas vietas, kas notiek ar iOS dizainu, jo nekad nebūšu tā patēretājs vairāk par dažām minūtēm, tomēr ir viena lieta, ko pamanīju un tā man ļoti ļoti krīt uz nerviem Windows Phone 8 dizainā. Apple ir izdarījis visu iespējamo, lai pirmajā vietā būtu saturs, savukārt Microsoft ir izdarījuši visu iespējamo, lai pirmajā vietā būtu satura apraksts. Un šī ir galvenā atšķirība starp WP8 un iOS7. Pārējais viss ir sīkumi un lietotāju pieradināšana.

  • 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.