# 004 - „Photoshop“ drobė - CSS-gudrybės

Turinys

Iš paskutinio vaizdo įrašo žinome, kad turime penki pagrindiniai dalykai, į kuriuos reikia atsižvelgti pradedant kurti šios svetainės dizainą. Judėdami į priekį, mes juos laikysime savo mintyse.

Mes, žinoma, pradedame „mobiliuosius“ ir pradėsime suprasti „Photoshop“ dizainą. Mes ten neužsibūsime, tačiau „Photoshop“ kūrybinės priemonės puikiai tinka kūrybiniam mąstymui pradedant dizaino projektą.

Atidarome „iOS“ treniruoklį, kurį „XCode“ nemokamai teikia „Mac“. Tai skirta žiniatinklio ir vietinių programų testavimui darbalaukyje / nešiojamajame kompiuteryje. Mes tiesiog norime, kad tai būtų greitai, kad galėtume padaryti jo ekrano kopiją ir pateikti kontekstinę drobę „Photoshop“.

Pažymėtina, kad mes ne pirmiausia paleidžiame „iPhone“, tai tik mažas ekranas, kurį mums patogu kurti. Mes nekursime nieko, kas būtų per daug specifiška „iPhone“ dydžiui ar galimybėms.

Norėdami suteikti sau darbui aukštesnę drobę (nereikia apsiriboti svetaine virš „užlenkimo“), nukirpome telefono apačią ir tempiame žemyn. Tada paimame ploną „iPhone“ kraštų gabalėlį ir vilkite juos žemyn, taigi iš esmės turime šį itin aukštą (bet pilną) „iPhone“.

Paliekame vadovą, kuriame baigėsi originalus ekranas, kad primintų, koks jis didelis. Taip, visi slenka. Ypač mobiliajame. Bet vis tiek malonu žinoti, kaip atrodo tas pirmasis ekranas.

Failai

  • # 004 - telefono drobė.psd.zip
  • # 004 - neapdorotos nuotraukos. Zip

Įdomios straipsniai...