Papp Ádám webdesigner & grafikus

Webdesigner és grafikus vagyok, valamint a Hungarian Adobe User’s Group elnöke, alapítótja.

[adampapp]

OS X Mavericks & iOS 7 szoftver gondok

Megjelent, ingyenes, letöltve, telepítve. A megjelenést követő napon telepítettek az új verziót, azóta folyamatosan használom. A telepítés után volt egy kis kavarodás a kulcskarikával, de egy gyors reset után ez is megoldva. Hasznosak az új funkciók, könnyítik a munkát, szóval tökjó mindegyik. Aztán jött pár meglepő dolog, ami az előző verzió megvétele után nem jelentkezett. Van pár szoftver, ami elindítás után kiírta hogy nem támogatott oprendszer. Első körben pár Adobe-s szoftver produkálta ezt (After Effects, Premiere Pro). De hozzá már érkezett frissítés, és szépen futnak. Aztán a CCleaner is ezt írta, de gondolom hamarosan ez is frissül. iOS 7 alatt pedig a Photoshop Touch, a Proto, a Collage lép ki rögtön indítás után. A PS Touch-hoz biztos lesz frissítés, hiszen az még egy élő alkalmazás, de a másik kettő már nem, így azt buktam. A PS Express, Adobe Ideas, Edge Inspect, Adobe Viewer, EchoSign és a Behance Portfolio appok rendesen működnek, nincs gond velük. Alapvetően nekem mind a két frissítés tetszik, és jó rajtuk dolgozni. Állítólag a Maverickshez jön hamarosan egy nagyobb (9.1?) frissítés, és az iOS7-hez is várható még valami.

[adampapp]

iPad Air vs. iPad mini (retina)

Összehasonlítva az iPad Air-t és az új iPad mini-t, nem értem hogy a méretén kívül mi a különbség? Mert kell lennie, hiszen miért vennéd meg a nagyobbat, ha tudásban ugyan azt tudja a mini is. Átlag felhasználónál a nagyobb méretű kijelző nem lesz mérvadó (szerintem). Az iPhone esetében van különbség a két verzió között, ott érthető. Itt viszont nem értem. Persze jó hogy a mini is megkapta a retina kijelzőt, a gyorsabb procit, de furcsa az Apple-től hogy nem rakott a nagyba valami pluszt. Mondjuk a Touch ID-t, amit sokan vártak. Vagy bármi mást. Lehet én nem értem (biztos), és Ők jobban tudják. Az biztos hogy ha valaki iPad-et szeretne venni, akkor az ára miatt a mini jobb vétel lesz. Íme az összehasonlítás: http://www.apple.com/ipad/compare/

[adampapp]

Amióta tagja vagyok a Muse Private Beta csoportnak, és tesztelhetem az Adobe Muse CC szoftver újdonságait, fejlesztéseit, egyre jobban a szívemhez nő! A kép baloldalán a most legfrissebb verziójú Muse CC ablakai láthatók, a kép jobb oldalán pedig a béta verzióban lévő ablakok. Pár dolgot rögtön észre is lehet venni. Az egyik hogy a Scroll Effects fül tartalma bővülni fog, Edge Animate animációkat is be lehet majd szúrni a weboldalba. A másik lényeges pont, hogy a Widgets Library fül tartalma is bővül, mégpedig egy Social kategóriával. Ahogy az látható is, mindenféle közösségi oldalak tartalmait, szolgáltatásait szúrhatjuk be. Az Adobe Muse Badge pedig nem más mint egy logó, amivel közölhetjük az oldalra látogatókkal hogy ez az oldal bizony az Adobe Muse szoftverrel készült. Őrület. :)

[adampapp]

Az egyik ismerősöm hívta fel rá a figyelmem, hogy az Adobe Muse mellett van egy másik versenyző is. A Google egy designer szemléletű weboldal tervező szoftveren dolgozik? Érdekes. Első ránézésre az Adobe Muse és az Edge Animate szoftverek összeolvasztásának néz ki. Jelenleg még csak béta verzióban van, Photoshopos színvilág, de még is érezhető a Google feeling. Ennek is az a lényege, hogy ha nem tudsz programozni, akkor a mondjuk Photoshopban összerakott, majd elemenként kimentett designt itt újra összerakod, csinálsz hozzá némi animációt, majd elmented és kész is a weboldal. Közben adhatsz hozzá mindeféle komponenseket (galéria, térkép, videó, stb), sőt még 3D-ben is forgathatjuk az objektumokat. A weboldalon van egy mindenre kiterjedő help, szóval nem bízták a véletlenre. Letölthető Windowsra és OS X-re is, biztosan ki fogom próbálni, és akkor majd megírom a tapasztalatokat.

[adampapp]

iOS 123456 és 7!

Megjelent. Sokan már biztosan le is töltötték az iOS új verzióját, és vagy tetszik nekik, vagy szidják, és a korábbi verziót akarják vissza. Személy szerint tetszik a Flat design, eleve minimalista design hívő vagyok. Azért ha alaposabban megnézzük annyira vészesen nem változott semmi, úgy mint mondjuk a Windows Phone vagy Windows 8 esetén. Lényegében maradt minden, csak Flat lett. Sokan féltek attól hogy emiatt nem fogják tudni hogy melyik a gomb (link) és melyik a csak szöveg. Nos az Apple egy alapvető webes szabályt alkalmazott. Minden ami kék színű, az gomb (link). Ez lehet szöveg vagy ikon. Ehhez sokan hozzászoktak már netezés közben, ha itt így nézik, akkor baromi egyszű lesz rászokni. But, - ahogy a tanult angol is mondja - vannak kivételek. (Miért ne lennének?) Van pár alkalmazás, ahol ugyanis ez a szín nem kék, hanem mondjuk piros (Naptár), vagy sárga (Jegyzetek). Értem én hogy design, de ha minden máshol kék, akkor itt is legyen kék. Szerintem. Aztán persze vannak apró hibák még, de ezt biztosan orvosolják, hiszen már jó sokan letöltötték, így lesz visszajelzés bőven. Ilyen például, hogy az Újságosból csak a Home gomb megnyomásával lép ki, gesztussal nem (iPad 4-en). Összegezve, nekem tetszik a rendszer, 1-2 hét múlva biztosan jön update, de ettől függetlenül remekül használható így is.

[adampapp]

Újra megrendezzük a HAUG szokásos design versenyét. Idén egy tipográfiai témájú verseny lesz, és ha a nyereményeket megnézed, azt hiszem most sem lehet ok a panaszra. Sok sok hasznos tárgyi és szoftveres nyeremény, ami vagy a napi munkát, vagy a tanulást, vagy a hobbi elfoglaltságodat segíti. Új partnereink is lettek, az LG Magyarország, a Logitech és az Oázis Computer személyében. Azt hiszem ismét jó a téma, szóval kreativitásra fel! :)

[adampapp]

Újabb Jobs film előzetes! Mindenkinek kötelező lesz megnéznie! :)

[adampapp]

Design Trend: Long Shadows

A Flat Design után itt a tovább gondolt verzió, a Long Shadows. Hogy mi is ez pontosan? Az alapja a Flat Design, de a központi grafikai elemnek, vagy ikonnak adnak egy hosszú árnyékot. Az arnyék természetesen nem lóg ki a négyzet formán kívülre, a keret széléig igen. Általában bal oldalról van a megvilágítás, így az árnyék jobbra lefelé halad, de létezik az ellenkező irányú megoldás is. Elsőre kicsit fura, de vannak szép megoldások, hiszen így egy 2D-s alakzaton látunk egy szintén 2D-s alakzatot árnyékkal, ami kicsit térhatásúvá teszi, de mégsem az. A cikk végén egy videóban megmutatják hogy lehet ilyet percek alatt csinálni Photoshopban.

[adampapp]

PClife.eu

Az előző postban írtam hogy egy weboldalt csinálok az egyik ismerősömnek. Nos, jelentem elkészült az oldal, és már publikálva is lett. A cél az volt, hogy egy átlátható, egyszerű, de modern kinézetű oldal jöjjön létre. A fő profil a számítógépek, laptopok, tabletek és okostelefonok javítása, vírusírtása, adatmentése és értékesítése. Elősször Photoshopban megcsináltam a grafikai tervet, majd az egészer az Adobe Muse szoftverrel raktam össze. Az asztali verzió mellett készült egy tablet verzió is. Így nézett ki előtte:

Ez pedig már redesign után:

Link: PClife.eu

[adampapp]

Adobe Muse CC

Az egyik ismerősömnek csinálok épp weboldalt. A grafikai része megvan, el is fogadta, és gondolkozni kezdtem, hogy hogyan/mivel csináljam meg? Mivel ez egy egyszerű, pár menüpontból álló oldal lesz, így mindenképpen a HTML/CSS vonal marad, na de melyik szoftverrel rakjam össze? Csináljam meg az Adobe Dreamweaver szoftverrel, vagy esetleg az Adobe Edge Reflow-t hívjam segítségül, de ott van még az Adobe Muse is. A Dw-t nem kell bemutatni senkinek, ez A HTML/weboldal szerkesztő szoftver. A Reflow pedig egy új szoftvere az Adobe-nak, responsive oldalt tudunk létrehozni vele, kódírás nélkül, de ha akarunk akkor bele tudunk nyúlni. Csak a grafikai elemeket kell felpakolni, meg a szövegeket, és már meg is vagyunk. De ott van a Muse is, ami működésileg szinte ugyan ez, de ugyan akkor többre is képes, és azt kell mondjam, hogy nagyon rendben van. Van benne elérő elkészített űrlap, galéria, beszúrhatunk bármilyen HTML kódot (pl.: Google Analytics, Google Maps), PSD filet is lehet importálni, vizuális a tervező felület, és desktop tervezés mellett pár kattintással megcsinálhatjuk a tablet és a phone nézetet is. Külön legenerálja a tablet nézetet is egy mappába. Viszont ezt csak akkor használja, ha ténylegesen tableten nézed a weboldalt. Ha csak a böngésző ablakát húzod össze, akkor nem lesz responsive. Ezt a funkciót az Edge Reflow-ból át kéne vinni a Muse-be. De akkor nem is kéne az Edge Reflow... Visszatérve a témára, kellemesen csalódtam az Adobe Muse CC szoftverben, könnyen kezelhető, gyors, és egyszerű weboldalakat hip-hop össze lehet rakni vele. Azért a vektor fileok (Ai vagy EPS, esetleg SVG) támogatása elférne még. De hagyni kell valamit a következő frissítésre is. :)

[adampapp]

Grafikus szemmel: PC vagy Mac? - I

Bár a cím sem teljesen helyes, hiszen a Mac is egy PC (personal computer - személyi számítógép), de általában így szokták jelölni a Windows alapú gépeket. Ha egy grafikust megkérdezünk erről, akkor zsigerből rávágja hogy Mac! Persze van olyan is, aki PC-t mond, hozzátéve hogy ha elég erős hardwarekkel van megtűzdelve. Több mint 15 éve vagyok grafikus és webdesigner, eddig Windows alapú gépeken dolgoztam, de 2012 nyara óta már iMac-en dolgozom, így most megosztom veletek a tapasztalataimat. A történethez hozzátartozik hogy világ életemben Windowson dolgoztam, de mindig is vágytam egy iMac-re! Hogy miért? Nem, engem nem szívott be az Apple marketing gépezete, inkább azon grafikusok, webesek, DTP-sek véleményét osztottam - akkor még látatlanban - akik azt mondták, hogy azért jobb sokkal Mac-en dolgozni, mert ott az operációs rendszer és a hardware össze van csiszolva. Gondoljunk csak bele hogy a Microsoftnak hány féle alaplaphoz, processzorhoz, videókártyához, memóriához, merevlemezhez, egérhez, billentyűzethez, stb. kell a Windows-t felkészítenie. Ezerféle verzió van mindenből, és ezeket jól kell tudnia használni a Windows éppen aktuális verziójának. Ez többé kevésbe sikerül is, nekem eddig nem voltak driver szintű gondjaim. Egy dolog viszont biztos. Akár milyen jó gépen is dolgoztam, egy idő után olyan volt, mintha lassulna a rendszer. Persze ekkor jöttek azzal hogy rakjam újra a rendszert, de még ha így is volt, akkor is érezhető volt a lassulás. 2012 nyarán sikerült vennem egy iMacet. Ez az akkori legjobb 21,5-es iMac volt, 2012 év vége felé frissült az iMac paletta. Alapból 4 GB RAM volt benne, én még vettem hozzá 8-at, így most 12 GB RAM-mal működik a 4 magos 2.5 GHz-es Intel Core i5 proci. A videókártya pedig egy AMD Radeon HD 6750M 512 MB. Sokan mondják hogy nagyon drágák az Apple termékei, így az iMac-ek is. Lehetne számításokat végezni hogy egy ugyan olyan konfigurációjú Windows alapú gép vagy az iMac győz ár tekintetében, de szerintem felesleges. Én egyszer kiszámoltam, és az iMac jött ki jobban, hardwerestől, monitorostól, szoftverestül. De itt most nem is ez a lényeg, hanem az hogy mennyire segíti egy grafikus munkáját maga a gép és a rendszer. (folytatom)

[adampapp]

Responsive weboldal tervezők figyelem! Íme egy oldal, ahol YouTube, Vimeo, Google Maps és Instagram linkeket tudunk responsive keretként generálni, majd a kapott kódot a weboldal forrásába beilleszteni. Tudom hogy sokan küzdenek ezen oldalak böngésző méret független beillesztési megoldásával. Remélem ez most segít rajtuk. :) Köszönjük meg Theirry Koblentz, Anders Andersen és Niklaus Gerber fejlesztőknek.

[adampapp]

Megújultam

Pontosabban nem én, hanem a weboldalam. :) Ez is maradt responsive és teljesen HMTL/CSS alapú, mint előző, viszont úgy voltam vele, hogy inkább a referenciák adjanak el, és ne a marketing hatású szövegek. A fontosabb munkáim csoportosítva lettek, és nem maradtak el a közösségi elérhetőségeim sem. Lehet fikázni! :) Link, ha esetleg nem jönne fejből a cím: http://www.pixeldesigns.hu/

[adampapp]

Egy újabb oldal, ahol megtudjatjuk egyrészt hogy mekkora a pixel/inch értéke a monitorunknak, másrészt a különböző okostelefonok, tabletek és az Apple termékeinek a felbontását, DPI és inch méretét is. Nem ez az első ilyen oldal, de nem is az utolsó. Minden esetre jó hogy van. :)

[adampapp]

Hogy ne csak lehúzzak egy reklámot, íme egy tökéletes példa arra hogy egy sport eseményt miként is lehet reklámozni. Adva vagyon Szilágyi Áron olimpiai bajnok kardvívónk, és az Őt megtámadó kardforgató rosszak. :) Természetesen mindig Ő győz, és a reklám végén jöhet a csattanó, amit most így nem árulok el. :) Kreatív ötlet, szép kivitelezés, néha azért látszik hogy dublőr csapódik a falnak, de nem is baj, mert ez így jó ahogy van!

[adampapp]

Megjelent a Magyar Nyomdaipar 2013 című könyv, melyben 3 fejezetet írtam. Már az első fejezet, két egymást követő fejezetében ovlasható az irományom, "Mik a grafikai tervezés lépései?" és a "Hogyan válasszunk grafikus, grafikai stúdiót?" címekkel. Ez után Szőcs Endre HAUG tag írása következik, "Mit jelent a nyomdakész anyag?" és a "A kész anyag nyomdába adása" címekkel, majd szintén én jövök, "Miért fontos a megfelelő grafikus kiválasztása?" címmel. A könyv kereskedelmi forgalomban nem kapható, kézről kézre tud terjedni, így ha meglátjátok valakinél, feltétlenül kérjétek kölcsön, mert egy hiánypótló kiadványról van szó!

[adampapp]

Úgy látszik, még mindíg ugyan az a marketing csapata van a Szallas.hu-nak, mint amelyik a korábbi videókat is kitalálta. (Tudjátok, amikor a nő a pasi ölébe hajtja a fejét, a pasi meg élvezkedik.) Amikor ezt a reklámot megláttam tegnap a Tv-ben, köpni-nyelni se tudtam. Bezzeg a csaj igen. Tudom hogy van az a kategória hogy annyira szar hogy már jó, de ez még ezt a szintet se éri el. Most komolyan engedélyezve lett egy ilyen reklámfilm? Tény hogy megjegyzed, mert kellően meghökkent, na de akkor is. Egyébként van egy "durvább" verziója is. (http://www.youtube.com/watch?v=GZLcoUT601I) Én minden esetre adnék egy sallert annak aki ezt jóváhagyta.