Illustrator bestanden voor site mock-up?
30 januari 2008 - 16:45   
geplaatst door: Ruud Ravenhorst
Ik kan me niet voorstellen dat ze niet te vinden zijn, maar mij lukt het niet: Waar kan ik een Illustrator bestand vinden waar de Apple GUI in losse elementen (scrollbar, leeg venster, knoppen etc etc) in te vinden is? Lijkt me nou zo handig om een mock-up van een site mee te maken en ik heb er zelf (nu) niet echt tijd voor... Plenty tutorials met hoe je een aqua-knopje moet maken, maar gewoon een bestand met losse onderdelen om iets in elkaar te schuiven... Nee! Bij voorbaat dank!
Never gone back since I went to the Mac (which was in March 1984).
Illustrator bestanden voor site mock-up?
30 januari 2008 - 16:55    reactie #1
geplaatst door: mvdg
Ik heb een tijdje geleden een AI bestand gevonden dat iemand van het Safari venster had gemaakt. Daar zitten dus niet alle elementen in, maar wel een hoop.
Zie: http://www.oddlaa.com/extras

En je kunt natuurlijk ook de systeemmappen van je OS X eens gaan doorvlooien, daar zitten allerlei png's is van interface elementen.

Overigens vind ik het persoonlijk niet zo slim om een website op een venster van het besturingssysteem te laten lijken.. dat schept alleen maar verwarring en dat is dus niet goed voor de gebruiksvriendelijkheid van je site. Tenzij je dat natuurlijk juist als doel hebt :)

Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
Illustrator bestanden voor site mock-up?
30 januari 2008 - 17:55    reactie #2
geplaatst door: bertvanderveen
Maak gewoon een screendump van een leeg browservenster en zet dat op de onderste laag van je ontwerp.
Bert Vanderveen [...]
+++ Applegebruiker sinds 1989 (van System 6 via OSX naar macOS 15)
Illustrator bestanden voor site mock-up?
30 januari 2008 - 20:17    reactie #3
geplaatst door: chrispis
Idd een screendumpje maken,... en waarom niet meteen in photoshop maken? Meteen de juiste resolutie, je ziet wat de buttons doen qua fijnheid. Ik snap wel dat de mock-up er met vectors er meteen strakker uit ziet, alleen je moet de hele boel weer omzetten naar pixels en de klant verwacht meteen dat het er on screen ook zo strak uit ziet,....
Illustrator bestanden voor site mock-up?
31 januari 2008 - 09:44    reactie #4
geplaatst door: mvdg
Voor drukwerk heb je gelijk, maar als je een vectorbestand 1:1 op het scherm bekijkt, zie je natuurlijk wél precies het eindresultaat. Het grote voordeel van in Illustrator maken is natuurlijk dat het makkelijker aan te passen is dan wanneer je meteen in pixels werkt.

Je moet dan inderdaad wel zorgen dat de klant een realistisch eindbeeld krijgt. Wat ik tegenwoordig steeds meer doe is gewoon 'save for web' en dan een html bestand online zetten met dat plaatje erin. Want een plaatje opsturen gaat ook nog wel eens mis.. dan bekijken ze hem per ongeluk op 50% of 66% ofzo.. plaatje in browser gaat altijd goed. (wel in html zetten, anders schalen sommige browsers het plaatje alsnog).

Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
Illustrator bestanden voor site mock-up?
31 januari 2008 - 12:55    reactie #5
geplaatst door: Ruud Ravenhorst
Allemaal hartstikke bedankt voor het meedenken en de adviezen. Ik wilde inderdaad Illustrator gebruiken omdat dat er toch wat strakker uitziet. En -inderdaad- je moet oppassen met mogelijke verwarring tussen systeem en browser. Maar dat doe ik!
Thnks voor jullie input.
Never gone back since I went to the Mac (which was in March 1984).