

Because Portfolio is part of Adobe Creative Cloud, the fonts are provided by Typekit. You can also customize font size and the margins around some text elements.

Fonts: Portfolio provides font choices for many elements including titles, headings, and links.Grid of projects or galleries: How many columns, the sequence of items, and the margins between items and around the grid.Site navigation (top level links): Whether or not it’s displayed, and the sequence of the links.Masthead: Whether or not it’s displayed.Layouts let you customize the following settings (and more): If you want complete control over layout such as being able to position elements anywhere on the page, Portfolio doesn’t offer that you’ll want to build your website with a tool such as Adobe Muse instead. The single-column layouts make Portfolio pages easy to build quickly, and easy to automatically recompose for different display sizes. If you see that a layout’s project page starts with a paragraph of text that introduces the project, that’s only because that designer added a text element before the the first visual item.ĭesign your Portfolio pages as single-column streams of content, because that’s how project and gallery pages are structured. The sequence of content on a project or gallery page isn’t related to the layout you choose you control that sequence. Once you drill down past the home page, the project and gallery pages are very similar across layouts. If you strongly prefer one of the ways that navigation and cover image titles are presented, consider only the layouts that do it the way you like and then customize from there. Some layouts display titles below each cover image (thumbnail image), while other layouts display a cover image’s title as a rollover effect. The navigation links can be across the top of the page or down the left side. What really differentiates the types of layouts are two things that can’t be changed: That’s just the default setting if you like the rest of the layout you can turn on its masthead. If you change enough of one layout’s settings, you can make it look much like some of the other layouts. For example, if you like the Matthias layout but you also want your site to welcome visitors with a large masthead, don’t reject the Matthias layout just because it doesn’t show a masthead. Most of the differences come down to the settings for options such as fonts, margins, and colors, most of which you can change. When you choose a Portfolio layout you’re often choosing more of a starting point than a completely different design, because the available layouts are actually quite similar. On the cover image grid, project or gallery titles become visible on mouse rollover.

In the layouts with hidden labels, the right image shows how the labels appear when you move the pointer over the cover images (called a rollover, even though trackpads, styluses, and and most mice no longer roll). In the layouts with opening mastheads, scrolling moves the grid of links up over the masthead. In the following figure pairs, the left image shows the top of each layout on a desktop-sized display, and the right image shows how the layout changes as you scroll down. The Adobe Portfolio layout demo websites show the default settings for each layout. Looking at the Layouts in Adobe Portfolio An Adobe Portfolio layout is analogous to what some other website building tools call a theme or template. The overall design of an Adobe Portfolio website is governed by its layout. You can also add Custom pages for content such a Contact form or an About page. The home page can contain links to project, gallery, and custom pages. Compared to your computer desktop, Projects are like files and Galleries are like folders. If you have a lot of Project pages you can organize them under multiple Gallery pages. You can add all kinds of content to a Project page, such as photos, illustrations, videos, motion graphics, and text. The most basic unit of a Portfolio site is the Project page, which contains the content you want to show off. Adobe Portfolio is the browser-based website builder that’s included with an Adobe Creative Cloud subscription.

But how do you choose? Fortunately, it comes down to just a few key factors.īut first let’s get some fundamentals out of the way. When it’s time to start building your creative showcase website with Adobe Portfolio, the first step is to select a layout for it.
