2013. szeptember 28., szombat

Designkritika ||6 - The secret

Drága Olvasók!
Ideje, hogy én is jelentkezzek egy designkritikával végre, ami  - őszintén megvallva - az első kinézetről szóló bírálatom lesz. Csak mint átlagember tudok véleményt nyilvánítani, mivel annyira nem értek a szerkesztéshez, de majd beleszokom. Boldogsággal tölt el a százhét feliratkozó látványa, én is szeretnék köszönetet mondani, hogy ennyien érdeklődtök a blogunk iránt. Nem is szaporítanám tovább a szót, lássuk azt a kritikát.

The Secret

Fejléc:
Első ránézésre szépnek találtam, hiszen a színek összhangban vannak, ám öt perc bámulás után feltűnt egy-két dolog, ami nem igazán tetszett amatőrként szemlélődő szemeimnek. Szerintem Lucy kissé világos és rózsaszínes Harry-hez képest, amiért csöppet kiválik a fejlécből. A kivágások jók, de a képek maguk életlenek. A cím betűtípusa egyszerű, és nagyon beleolvad a mögötte lévő csíkokba; vagy a csíkozás legyen néhány árnyalattal sötétebb, vagy a szöveg. A háttere nekem tetszett, amit furcsának találtam az a fejléc tetejénél lévő zöldes sáv. Az micsoda? Emellett, ha rákattintok a fejlécre, nem történik semmi, holott a főoldalra kéne dobnia az olvasót. Ezeket ha orvosolod, még szebb végeredményt kaphatsz.

Színvilág:
A háttér még rendben is van, de arra lennék kíváncsi, hogy került a színek közé a kék és a lila? Nem igazán megy a sárgás designhoz, úgyhogy én mindenképp lecserélném. Az olvasókhoz szóló szöveged piros színét is átváltanám, mondjuk narancssárgára, ha mindenképp ki szeretnéd emelni. A sárgának többféle árnyalatával dolgozz, hiszen azt választottad főszínnek. Szerintem a chat is kissé rikító, de lehet, ez csak nekem tűnik így. Összességében - ezen a néhány dolgon kívül rendben találtam mindent.

Elrendezés:
A modulsávot elég gyérnek találtam, megspékelhetnéd néhány plusz dologgal, mint például egy-két képpel, a történethez illő idézetekkel vagy gif-ekkel, néhány fontosabb információval és/vagy néhány sorral a történetről. Vigyél bele egy kis életet, mert ez így elég ingerszegény. A sorrend szerintem megfelelő, arra figyelj, ha úgy döntesz, hogy hallgatsz rám, és feltuningolod egy kicsit, akkor a fontosabb dolgok kerüljenek előre, és csak utána a díszítő elemek, vagy felváltva. Remélem érted, mire szeretnék kilyukadni.

Egyéb:
A szereplők menü jó ötlet, viszont elég zavaró a képek különböző mérete. Mindenképp vágd egyforma méretre a képeket, vagy ha neked nem megy, akkor rendelj egy ezzel foglalkozó blogtól. Valamint, ha már külön oldalra pakolod őket, szerintem írj pár ismertetőt az adott személyről, vagy ha nem szeretnél, akkor a modulsávba helyezd át őket, mert így nem sok értelme van. És még valami: ne legyél rest külön képeket ábrázolni a fiúkat. Ha az imént felsorolt dolgokra picit odafigyelsz, a végeredmény tökéletes lesz.

xx Alexis Reed

Designkritika ||5 - Secrets bring us closer...


SECRETS BRING US CLOSER

Fejléc
Imádom! Nagyon tetszik benne, hogy minden egyes részlet ügyesen ki van dolgozva, és hogy minden egyes kép tökéletesen illik a háttérhez - bármilyen unalmas is már. Mást nem tudok mondani róla, talán az egyetlen negatívum amit fel tudok hozni, hogy túl keskeny, szebb lett volna, ha magasabb. De enélkül is tökéletes.

Színvilág:
Kevés. Kevés a szín, nincs meg az a fajta összhang. Én az menüt oldalra tenném, sokkal szebben mutatna. A belső háttérnek adnék egy nagyon világos krémszínt, a link-színeket pedig lilásra variálnám, hogy passzoljon a fejléchez, és a háttérhez. A chatet kellene még kicsit megváltoztatni, szerintem tedd átlátszóra - Transparent - és a színeit keverd lilásra. A modulok színeit is tedd valami különlegesebbre, és szintén lilásra.

Elrendezés: 
Az első, ami eszembe jutott róla: össze-vissza. Túl sok a kép - ugye a videó is kép, míg el nem indítom - egymás után. Szerintem a Bloglovin'-ra már nincs is szükség, nem hiszem, hogy valaki még használja. A könyvborítód tetszik, de tedd akkorára, hogy kitöltse a modulszélességet, mert így nem szép.

Egyebek:
A háttérnél vedd ki a görgethetőség pipáját, az elválasztó vonalakat tedd világosabbra, és ügyelj, hogy a bejegyzésekben ne maradjon ki sok üres hely. 

2013. szeptember 20., péntek

Design bejegyzés ||1 - Díszítőelemek + HTML kódok + Képcsomagok + Faviconok + Bloghátterek + Facebook borítóképek, Textúrák

Kedves olvasóink!
Meghoztuk az első design bejegyzést, de mielőtt tovább görgetnétek, elmondanánk a szabályokat, amik ezekre érvényesek. Gondolom azzal mindenki tisztában van, hogy semmilyen gyűjtést, semmilyen saját munkát nem mentünk le és teszünk ki sajátként. Ötleteket lehetőleg nem másolunk, kérünk titeket ezeket vegyétek figyelembe, ugyanis szerintem senkinek sem esne jól az, ha máshol látná meg a saját dolgait. A szolgáltatásokhoz ugyan ki van írva a PNG kép, de nem fogunk hozni. Ennek csakis egy oka van, mégpedig az, hogyha valaki szerkeszteni akar, az vág ki saját maga, ha pedig nem talál magának megfelelő képeket, ott a képcsomag amit ha szeretnétek akkor hozunk, legyen az effektes, tavaszias, havas, virágos, bármi. Ugyanúgy brushok sem lesznek, egyedül díszítőelemeket fogunk hozni, amik tényleg pontosan és szépen kivágottak, és tényleg bármihez felhasználhatóak, valószínűleg nektek is jobban fognak ezek tetszeni mint a saját készítésűek. 
Szóval, bombázzatok minket a kérésekkel, szívesen segítünk, úgyhogy ne féljetek használni a chat-et:)

Diana Lindsey: HTML kódok, textúrák, díszítőelemek, bloghátterek 
Katie Boo: Unalom fejlécek, Facebook borítóképek
Valerie Bridgweood: Képcsomagok
Zebi: Faviconok

Unalom Fejlécek: Van hogy az ember unalmában kicsit kreatívkodik. ELVINNI CSAKIS ENGEDÉLLYEL!

Első szín árnyalat.

Második színárnyalat.

Harmadik színárnyalat.


Facebook borítóképek: Rendelésre NEM csinálunk. Csak akkor hozunk ha készítünk.








Képcsomagok: Nem kell külön lementenetek őket, csak egyszerűen rányomtok a letöltés gombra, és már a számítógépeden is lesznek, úgy gondoljuk így sokkal egyszerűbb és gyorsabb lesz. Egyetlen bökkenő az, hogy ki kell csomagolni miután letöltöttétek, ezért ezt most szavakkal elmagyarázzuk nektek.

1. Szóval ugyebár az első lépés, hogy letöltitek. Gépektől függően mindenkinek máshova menti az internetről letöltött fájlokat, de általában erre a helyre szoktak kerülni: Számítógép -> Helyi lemez (C:) -> Felhasználók -> User -> Letöltések 
De mint mondom, ezek géptől függőek, hogyha szoktatok letölteni programokat meg ilyesmiket, biztosan fogjátok tudni. 
2. Miután ez megvan, akkor láttok ikonként egy lila-zöld-kék színekből álló könyvet egymásra rakosgatva. Arra kétszer kattintva bejön a WinRAR nevezetű program. Miután bejön, rögtön egy két pont nevű mappa van kijelölve. Arra megint kétszer kattintsatok. 
3. Most bejön rengeteg mappa, de ugyanúgy itt is automatikusan ki van jelölve egy. Ne csináljatok semmit, csak felül a menüsorban kattintsatok a "kibontás ide" nevezetűre. Ott kiválasztjátok, hogy hova akarjátok kicsomagolni, aztán értelemszerűen OK.
4. Egy mappának kell lennie a kiválasztott helyen, arra kattintva benne lesznek a képek eredeti méretben, amiket a képcsomagok előnézeténél tüntetünk fel. 

Hogyha esetleg nem ment valami, vagy elakadtatok, akkor írjatok a blog e-mail címére, és képekkel illusztrálva megpróbálunk segíteni:)

Lila képcsomag letöltése link:
http://sta.sh/download/7215365718885326/lila_k_eacute_pcsomag_by_dianalindsey-d6n1r7b.zip?token=d5ce3e709438257a40e01e67c649599da1b55ada&ts=1379704062

Őszies képcsomag letöltése link:
http://sta.sh/download/8899527333851905/szies_k_eacute_pcsomag_by_dianalindsey-d6n1xkp.zip?token=87555bcf79d7baed20e24aa8c511336dcf942f45&ts=1379704172

Díszítőelemek: Effektes, felhős, kapcsos, papíros

























HTML kódok: Néhány egyedi különböző színű szövegdoboz, különböző aljú díszítéssel, leírással. 

A szövegdobozok szélessége mindegyiknél 270-300 pixel, szóval hogyha beillesztitek a kódot a modulsávba, fogjátok látni hogyan igazítsátok a blog modulsáv szélességét. A betűszín és a betűtípus alkalmazkodik ahhoz, amit ti állítottatok be a blogon, szóval azt nem kellesz átírni, és a szöveget sorkizárttá alakítja. A kódok előtti előnézeti képeknél nincs olyan fehér körvonal, ezt csak azért ilyen, mert nem tudtam PNG-be csinálni az alján lévő szerkesztés gomb miatt.
Hogyha van bármilyen kérdésetek ezzel kapcsolatban, esetleg olyan problémátok van, hogy a szövegben új sort akarsz kezdeni, akkor írj e-mailt:)

Kód: 
<style type="text/css">
#fejlec {
    background:url("link") no-repeat;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 4px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    height: auto;   
    width: auto;    
    line-height: 35px;   }

#total {
    width: 280px;}

#szelesseg {
    width: 270px;}

#tartalom {     
    background:url("http://kepfeltoltes.hu/130920/947567977N_vtelen1_www.kepfeltoltes.hu_.jpg") ;
    text-align: justify;
    padding-right: 5px;
    padding-left: 5px; }

#lablec {
    background:url("http://kepfeltoltes.hu/130920/40628042N_vtelen2_www.kepfeltoltes.hu_.png") ;
    height: 18px;       
    padding-left: 300px;
    font-family: Stencil STD;
    text-align: center;
    color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 0px;}</style>

<div id="total">
    <div id="fejlec">
        </div>
    <div id="tartalom">
        <div id="szelesseg">
            IDE ILLESZD BE A FELIRATOT

</div>
    </div>
    <div id="lablec">
        </div>
</div>








Kód:
 <style type="text/css">
#fejlec {
    background:url("link") no-repeat;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 4px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    height: auto;   
    width: auto;    
    line-height: 35px;   }

#total {
    width: 280px;}

#szelesseg {
    width: 270px;}

#tartalom {     
    background:url("http://kepfeltoltes.hu/130920/753705769N_vtelen1_www.kepfeltoltes.hu_.jpg") ;
    text-align: justify;
    padding-right: 5px;
    padding-left: 5px; }

#lablec {
    background:url("http://kepfeltoltes.hu/130920/1304743819N_vtelen1_www.kepfeltoltes.hu_.png") ;
    height: 18px;       
    padding-left: 300px;
    font-family: Stencil STD;
    text-align: center;
    color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 0px;}</style>

<div id="total">
    <div id="fejlec">
        </div>
    <div id="tartalom">
        <div id="szelesseg">
            IDE ILLESZD BE A SZÖVEGET

</div>
    </div>
    <div id="lablec">
        </div>
</div>

 Kód:
 <style type="text/css">
#fejlec {
    background:url("link") no-repeat;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 4px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    height: auto;  
    width: auto;   
    line-height: 35px;   }
#total {
    width: 280px;}
#szelesseg {
    width: 270px;}
#tartalom {    
    background:url("http://kepfeltoltes.hu/130920/778237662N_vtelen1_www.kepfeltoltes.hu_.jpg") ;
    text-align: justify;
    padding-right: 5px;
    padding-left: 5px; }
#lablec {
    background:url("http://kepfeltoltes.hu/130920/686944404N_vtelen1_www.kepfeltoltes.hu_.png") ;
    height: 18px;      
    padding-left: 300px;
    font-family: Stencil STD;
    text-align: center;
    color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 0px;}</style>
<div id="total">
    <div id="fejlec">
        </div>
    <div id="tartalom">
        <div id="szelesseg">

            IDE ILLESZD BE A FELIRATOT

</div>
    </div>
    <div id="lablec">
        </div>
</div>


Bloghátterek: Vegyes, mindenféle mintájú, méretű, színű. Elvileg nem mozaikosak és nem törnek meg, de ha mégis, akkor elnézést kérek érte. 











Faviconok: 






















Textúrák: 










Reméljük, hogy hasznos volt ez a bejegyzés:)
Ölel titeket Katie Boo, Zebi, Valerie B. és Diana Lindsey