Wireframe, maquette web et gabarit


Wireframe, maquette web et gabarit

 

[ designer's name ] [ designer's company ] [ project name here ] Last Edit: Friday, March 26, 2004 Confidential page 1 [ designer's logo goes here ] About This Template Hi, Here's a wireframe template I've been using lately. I hope you find it helpful. Backgrounds There are a few background pages that contain elements I want to replicate across other pages, like the footer information, my logo, and parts of the design itself. I also layer them together: The Footer background contains the information in the lower left corner. Information like the last modified date and page number are automatically generated. The Header&Footer background includes the Footer background plus my logo in the upper left and a title in the upper right. The title is inserted automatically corresponding with the page title. The Frame Continued background includes the Header&Footer background plus a box on the left to frame the design and space on the right for notes. I use this background when I want to show information that appears below the fold. Tip o' the hat to Liz Danzico for sharing this technique. The Frame background includes the Frame Continued background plus more design elements of the wireframe that are replicated across all or most wireframes, such as navigation. This is usually customized on a project-by-project basis. An example cover, wireframe, and wireframe specification are included and are, hopefully, self-explanatory. Colors You'll notice I draw the design itself in shades of blue for that blueprint look, and notes about the design are in black or gray. This helps others tell which is which. Size The page layout is 11x17 inches. This allows me to put a lot of information on one page. However, Visio is not good - in my experience - at printing in smaller sizes, so to get a letter-size print I usually convert it to Acrobat first. Ipsum Lorum ...is on the last page for easy access. Although lately I try to use real content on my wireframes. Please send constructive comments are suggestions to victor (at) victorlombardi.com -- Victor Lombardi March, 2004 [ designer's name ] [ designer's company ] [ project name here ] Last Edit: Friday, March 26, 2004 Confidential page 2 [ designer's logo goes here ] [ project ] [ project name ] [ project number ] [ product name ] Information Architecture Document Path directory > directory > ... Document History Date Version Description Author [ designer's name ] [ designer's company ] [ project name here ] Last Edit: Friday, March 26, 2004 Confidential page 3 [ designer's logo goes here ] Typical Wireframe Notes [ footer ] Voluptatem Nemo Enim Ipsam Voluptatem Quia voluptas Sit aspernatur Reprehenderit Quis Autem Vel eum iure Reprehenderit Qui in ea voluptate [ site title goes here ] [ Site Logo Goes Here ] Link Longer Link My Link Your Link About Our Links Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.(Source). Go to article Sed ut perspiciatis unde omnis Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Ut enim ad minim veniam Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Veniam Lorem ipsum dolor sit amet, consectetur adipisicing elit Sed do eiusmod tempor incididunt Ut labore et dolore magna aliqua Ut enim ad minim veniam Quis nostrud exercitation ullamco Laboris nisi ut aliquip ex ea commodo consequat Ipsum Lorum This is a comment about something marked "A" on the wireframe. I stole the letter-in-a-circle technique from Christina Wodkte. Ain't it pretty? This is some primo content. Your users are gonna love this. A A B C C D Eaque ipsa quae ab illo inventore veritatis Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. B

PARTAGER SUR

Envoyer le lien par email
3012
READS
11
DOWN
7
FOLLOW
3
EMBED
DOCUMENT # TAGS
#maquette  #Internet  #gabarit web 

licence non indique


DOCUMENT # INDEX
Web Design 
img

Partagé par  silvano

 Suivre

Auteur:
Source:Non communique