És ezt kaptuk…

5.png

Ez azonban nem ad elég mélységet. Ezt a téglalapot szeretnénk még jobban láthatóan ívessé tenni, mivel nem egyenletesen érinti a felületet, hanem a rétegstílusokkal több árnyékot ad, illetve az árnyék erősebbé tétele nem hozza meg a kívánt hatást. Használd ezt vízszintes elválasztó a dezinpolio.com által kínált, és add hozzá az alakod közepéhez, hogy az alább látható módon „fakuljon” a sarkok felé:

6.png

Emlékszel, megemlítettük a vastag betűket? A Web 2.0 jól használja a betűtípusokat, lehetőleg nagyon könnyen olvasható, kissé karikatúraszerű és félkövér. Nehéz dolgunk volt a megfelelő betűtípus kiválasztásával, és a „Cooper Std” mellett döntöttünk.

7.png

Nagyon enyhe árnyékot készítünk (# 5674a7) és fehértől világos színátmenet felül (#ffffff) világoskékre (#cdd9de)…

8.png

9.png

Transzparens

Ez egy nagyon aranyos babatervet ad nekünk.

10.png

A Web 2.0 is jó arányt képvisel, és míg a tervek különösen aszimmetrikusak, mások úgymond megszállottan szimmetrikusak. A második típust részesítem előnyben, mivel kevesebb eredetiség és ízlés kell az elkészítéshez, csak arányérzék kell hozzá. Tegyük fel, hogy hozzáadunk néhány gombot a designunk alsó és oldalsó sarkához…

11.png

Ez jól néz ki?

12.png

Nem, nem, mert a fülek túlságosan kaotikusan néznek ki, ezért gondoskodunk arról, hogy a bal oldali fül sora „találkozzon” az alsó fül vonalával, így…

131.png

Most arányosnak tűnik.

crystal_clear_app_ark2.png

Transzparens

Ha kíváncsi arra, hogy miért hagytunk ki egy lépést, a tabulátorok rétegstílusai majdnem megegyeznek a fő téglalapnál használtakkal, és ugyanez vonatkozik a „lapok” betűtípus- és rétegstílusaira is. Tanulási célból letöltheti a PSD-fájlt, és elemezheti a folyamatot. Ne feledje, hogy ezek a félig látható színátmenetek és 1 képpontos körvonalak gyakran az, ami különbséget tesz a nagyszerű webdizájn és az amatőr tervezési kísérlet között. Sok szerencsét!

psd fájl letöltése