# 97: Fotogrāfiju veikšana Almanahā CSS-triki

Anonim

Almanahs bija lieta, kas tika uzsākta v9 versijā, un tā nekad netika izdarīta. Katru dienu tas kļūst arvien tuvāk. Tātad v10 versijā mēs izstrādāsim pieņēmumu, ka tas ir “izdarīts”.

Mēs skatāmies uz esošo v9 dizainu, kas ir diezgan labs, bet nepietiekami kalpo saturam. Ātri novērojot, mēs redzam, ka burtiem, kas atrodas treknrakstā, kursors ir kursors, kas parasti ir nē-nē (bieži vien cits teksts tiek atgrūsts un izskatās dīvaini), bet tas ir diezgan atdzist efekts uz šīm bloķētajām burtiem.

Mums jau ir pielāgota galvenes grafika, tāpēc mēs to ievietojām Photoshop, lai mēs varētu pielāgoties dizainam kontekstā. Daļa no tā, kas man patīk Džovanni ilustrācijā, ir tā, ka tā man atgādina fizisko grāmatu, kas bija izplatīta tur, kur es uzaugu: Zemnieka almanahs. Mēs nolemjam izmantot fizisko grāmatu metaforu un iekļaut to šajā dizainā. Nevis skeuomorfisks vai kaut kas cits, bet tikai pamāja ar dimensiju.

Mēs to veidojam uz divu lappušu izkliedes un izmantojam gradientus, lai norādītu uz ēnu un iesiešanu. Mēs spēlējamies ar dažām ēnām, lai paplašinātu efektu.

Atkal paplašinot “grāmatas” metaforu, mēs izvēlamies rokraksta fontu, lai parādītu grāmatas burtus, padarot to vairāk par žurnālu vai dienasgrāmatu, nevis grāmatu, ar kuru man viss ir kārtībā.

Šis apgabals ir sadalīts divās daļās (kas lieliski darbojas ar 2 lapu izkārtojumu). Viena puse ir paredzēta CSS īpašībām, bet otra - CSS atlasītājiem. Lai padarītu to vizuāli skaidrāku (ne tikai nosaucot abas lapas), abām pusēm ir atšķirīga pamatkrāsa.

Mēs mazliet pārdomājam tipogrāfiju un cīnāmies ar dažiem lēmumiem par to, kur mēs varam izkļūt no šī rokraksta fonta un kur nevaram. Mēs mazliet pacīnāmies arī ar to, ka satura izpētei (atkal) esam izmantojuši visu lapu. Laba lieta, lai pārliecinātos, bet atkal esam noņēmuši reklāmu, kas ir diezgan svarīga vietnes izdzīvošanai.