Bij het maken van een website , soms het moeilijkste deel is het bepalen van de lay-out maken . Adobe Photoshop biedt een snelle en eenvoudige manier om een website mockup maken . Door het gebruik van lagen en een combinatie van design tools van Photoshop , het proces van het herschikken van de look en feel van uw website kunt u besparen uren . Instructies 1 Bepaal de grootte van uw mock website canvas op basis van uw publiek . Bijvoorbeeld, voor een publiek dat nog steeds gebruik maakt van een lage - resolutie cathode - ray tube -monitor , zou je willen een doek formaat dat is 760 pixels breed te gebruiken . Echter , voor een flatscreen- monitor met het ingesteld op 1024 bij 768 resolutie , wil je een doek dat is 975 pixels breed te gebruiken . Maak een nieuw document en stel het doek grootte . Kopen van 2 Bepaal de lay-out van de website . Gebruik eenvoudige vierkanten of ellipsen af te bakenen van de verschillende secties van uw mockup . Bijvoorbeeld , markeer uit een ruimte voor de bovenste banner , de zijkant banner, de inhoud en de voettekst . Maak elke functie op een nieuwe laag , zodat u makkelijk de volgorde van de website . 3 Bepaal de lettergrootte en vul de secties die tekst bevatten met tijdelijke tekst . Doen van een snel zoeken op het web voor Lorem Ipsum , een Latijnse toespraak gebruikt door ontwerpers om te zien hoe de tekst eruit zal zien op een pagina , wordt deze tekst voor u te genereren. Als de achtergrond of enige andere afdelingen zal bestaan uit een kleur , vul ze met de juiste kleur . 4 Maak de graphics . U kunt Photoshop gebruiken om deze afbeeldingen , zoals de banner of logo's te creëren , of trek ze vanaf een andere locatie . Plaats en positie van de graphics in de mock website . Selecteer " File " en vervolgens " Place" en navigeer naar de afbeelding . Opmerking : . Houd een Photoshop- versie van de graphics , zodat u ze later bewerken 5 Fine - tune en bewerk de mock website tot de website ziet de manier waarop u dat wilt kijken . Omdat elke nieuwe functie is op een andere laag , kunt u snel bewegen secties , verberg secties (klik op het oogje in het lagenpallet ) of de beelden en kleuren te vervangen .
|