Собираем портфолио на Readymag. Шаг второй — сетка, текст, изображения и фон — Оди. О дизайне
05 Дек 2019 5144 0
Awdee и команда Readymag — онлайн-инструмента для создания сайтов и презентаций — выпускают серию постов с упражнениями, выполняя которые вы сможете создать портфолио с нуля. В прошлый раз мы собрали портфолио на основе шаблона. В этот — начнем делать ваше собственное портфолио с нуля.
Readymag Team
Readymag — дизайн-инструмент для создания сайтов, портфолио и презентаций в браузере
Давайте снова начнем с примеров. Вот две подборки проектов на Readymag: портфолио иллюстраторов и портфолио фотографов.
Посмотрите, насколько по-разному создатели проектов подходят к решению одних и тех же задач: рассказать о себе, показать проекты и оставить контакты для обратной связи. Помните о том, на что мы советовали обращать внимание в прошлый раз: верстка и расположение элементов, навигация по проекту, шрифты, цвета, анимация.
Больше примеров портфолио можно найти здесь.
На первом этапе очень важно продумать общую структуру вашего будущего портфолио и цели, которые оно должно выполнять.
- Кому вы хотите рассказать о себе? Каких клиентов привлечь? Что покажется им убедительным?
- Какие страницы должны быть у портфолио? Какую информацию вы расположите на каждой из них? Какие работы вы хотите показывать, а какие нет?
- Что вам нужно для каждой работы, чтобы показать ее как можно более привлекательно — тексты, фотографии? Сколько и какие?
- Как быстро посетитель вашего сайта сможет найти ваши контакты?
Например, в шаблоне Sleek, с которым мы работали в прошлый раз, четыре страницы:
- заходная страница с коротким рассказом о себе,
- страница со списком проектов,
- страница с более подробной историей автора портфолио и его фотографией,
- страница с контактами и формой для обратной связи.
Но, естественно, вы можете организовать портфолио по-другому: сделать для каждого проекта отдельную страницу с подробным рассказом о нем, как здесь, или разместить все блоки портфолио на одной длинной странице, как здесь.
Теперь начнем создавать ваше портфолио в Readymag.
Создайте новый, чистый проект. Если вы не помните, как это сделать, посмотрите в предыдущем уроке.
Нажмите ESC, чтобы сбросить меню шаблонов.
Кликните на белую страницу, чтобы войти в проект.
Давайте добавим на первую страницу текст и изображения.
Чтобы создать текстовый блок, нажмите на + в левом нижнем углу или кнопку w на клавиатуре.
Появится меню выбора типа виджета. Виджеты — это элементы, из которых состоит проект в Readymag.
Выберите текст (Text).
Чтобы изменить текст, дважды кликните на него.
По одинарному клику вы можете получить доступ к настройкам текстового виджета, например, к выбору шрифтов.
Здесь Roboto — название шрифта (кликните на стрелку вниз и дальше на Library, чтобы перейти к выбору шрифтов из библиотеки), Regular — начертание, 18 — размер шрифта, 26 — размер межстрочного интервала, 0 — настройка межбуквенного интервала. Поэкспериментируйте с этими параметрами, чтобы освоить их.
Теперь добавьте нужные изображения: нажмите на + в левом нижнем углу / или кнопку w на клавиатуре, затем выберите изображение (Picture).
Чтобы загрузить изображение, кликните на созданный виджет и перетащите изображение на иконку «горы» или воспользуйтесь встроенными библиотеками Flickr и Unsplash.
При необходимости вы можете обрезать изображение — для этого выберите настройку Crop в меню справа (меню появляется при одинарном клике на изображение).
После этого вы можете задать новые границы изображения.
Если вы решили сделать свое портфолио в виде одной большой страницы, разместите всю необходимую информацию на ней. Для этого вам может понадобиться удлинить страницу — потяните вниз за голубой ромб в нижней части экрана.
Если же вы решили разбить портфолио на несколько страниц, создайте все нужные страницы (например, «обо мне», «работы» и «контакты») и расположите на них все необходимые тексты и изображения.
Чтобы создать новую страницу, перейдите в меню проекта (иконка с тремя горизонтальными полосками в правом верхнем углу экрана) и нажмите на знак «+» внизу, а затем выберите Add Blank Page.
Теперь расставим тексты и изображения на всех страницах по сетке. Модульная сетка — основной инструмент, с помощью которого графический дизайнер структурирует страницы. Она позволяет расположить элементы гармонично. Узнать больше о сетке можно здесь.
Чтобы включить сетку, нажмите на вкладку «Виджеты» в левом нижнем углу.
Далее выберите Grid & Guides.
Начинающим мы советуем использовать сетку Set 2 — для выбора используйте стрелки влево/вправо.
Включите Guides и выключите Grid.
Теперь расставьте тексты так, чтобы нижняя часть букв «лежала» на красных линиях. При необходимости увеличьте размер шрифта так, чтобы все строки попали на линии.
Мы также советуем обрезать или масштабировать изображения так, чтобы их границы попали на линии сетки.
Посмотрите на то, что получилось, с помощью иконки глаза в правом верхнем углу. Вы увидите, что благодаря сетке ваша страница стала выглядеть более гармонично и стройно.
В качестве последнего упражнения на сегодня выберите цвет фона или изображение на фон. Для этого зайдите в меню виджетов в левом нижнем углу и выберите «фон» (Background).
После сегодняшнего урока вы можете добавить в проект все необходимые тексты и изображения, расставить их по сетке и изменить фон проекта.
В следующих уроках вы узнаете больше о том, как создать меню, настроить цвета и шрифты, управлять анимацией и подключить домен — словом, как сделать все необходимое для того, чтобы создать полноценное портфолио.
С любыми вопросами пишите нам на [email protected].
Все части серии:
- Шаг первый — знакомство с шаблонами
- Вы здесь → Шаг второй — сетка, текст, изображения и фон
- Шаг третий — геометрические формы и меню
- Шаг четвертый — фиксированные виджеты, текстовые стили, анимация
- Шаг пятый — мобильная версия и публикация
Поделиться
Отправить
Твитнуть
Запинить
Инструменты Портфолио Статьи
Портфолио красивое оформление — 85 фото
Фон для поздравления
Цветочная рамка
Фон для портфолио
Рамка книги
Красивый фон для текста
Фон для презентации детский
Фон для титульного листа
Школьный фон
Заготовки для портфолио
Сиреневый фон с узорами
Подложки для портфолио
Фон для буклета
Фон для презентации библиотека
Фон для визитной карточки
Фон детский вертикальный
Обложка для портфолио
Фон для титульного листа
Портфолио воспитателя
Бежевый фон для презентации
Школьный фон
Фон для презентации школа
Листы для портфолио
Фон с узорами
Заготовки для школьного портфолио
Пустые страницы для портфолио
Фон для портфолио педагога
Фон для детских дипломов
Фон для портфолио воспитателя
Фон для портфолио воспитателя
Рамки для слайдов
Фон для обложки книги
Титульный лист портфолио
Фон для презентации школа
Портфолио дизайнера титульный лист
Фон для портфолио для девочки
Фон с узорами
Фон для портфолио
Фон для презентации книги
Визитки на а4 шаблон
Красивые слайды для презентации
Фон для титульного листа
Фон для презентации с рамкой
Фон для титульного листа нежный
Цветочный фон для презентации
Красивый школьный фон
Золотистый фон
Фон для портфолио
Фон для портфолио
Фон для портфолио
Школьный фон для презентации
Фон для портфолио
Красивый фон для титульного листа
Фон для презентации школа
Обложка портфолио дизайнера интерьера
Фон для альбома Скрапбукинг
Красивые рамки для фотоальбома
Красивый фон для презентации по технологии
Фон для портфолио воспитателя
Фон для слайдов в презентации
Красивый фон для титульного листа
Портфолио примеры оформления
Фон для презентации школа
Фон для презентации цветы
Рамка для школьного проекта
Желто зеленый фон
Фон для школьного портфолио
Винтажные фоны
Детские фоны
Портфолио школьника
Фоновый рисунок для документа
Красивый фон для презентации
Фон для пригласительных
Портфолио школьника
Красивый фон для слайда
Подложка с цветами
Фон для открытки
Спортивный фон для презентации
Фон для титульного слайда
Школьный фон для презентации
Винтажный фон
Рамка Школьная
Фон для портфолио веб дизайнера
Фон для презентации по литературе
Рамка Школьная
Детский фон для текста
Портфолио Фоновые изображения, HD-изображения и обои для бесплатной загрузки
Лучшие предложения
Последний день
Купон на скидку 86%
Специальное предложение для пожизненного плана
Юбилейные предложения
Ограниченная скидка
Pngtree предлагает HD портфолио фоновые изображения для бесплатного скачивания.
Загрузите эти фоны или фотографии портфолио, и вы сможете использовать их для многих целей, таких как баннеры, обои, фон плаката, а также фон PowerPoint и фон веб-сайта.
Фильтры:
- Все
- Бесплатно
- Премиум
- Корпоративный
- Популярные
- Новые
- Большинство загрузок
- Все
- AI
- PSD
- EPS
- CDR
- Все
- Горизонтальное
- Вертикальное
- Квадратное
Фотографии электронное портфолио модное портфолио портфолио фото бизнес портфолио мультфильм портфолио
- абстрактный игривый портфолио розовый фон Мемфис
wavesabstractmemphis
Бесплатно
- розовый игривый абстрактный портфолио Мемфис Фон
многоцелевойabstractwaves
Бесплатно
9006 1 портфолио Мемфис игривый абстрактный розовый фон - абстрактный Мемфис игривый портфолио розовый фон
waveseditor selectionabstract
бесплатно
- розовый мемфис игривый абстрактный портфель фон
многоцелевойредактор selectionabstract
бесплатно
- розовый абстрактный портфель мемфис игривый фон
многоцелевойwavesmemphis
бесплатно
- абстрактный простой фон портфолио
белый выбор редакторов абстрактный
9 0002 Бесплатно - портфолио абстрактный розовый Мемфис игривый фон
memphiswavesмногоцелевой
Бесплатно
- геометрическое портфолио в тоскане Background
whitesimplecreative
Free
- абстрактный портфель розовый мемфис игривый фон
wavesmemphismmultiцелевой
бесплатно
- абстрактный милый фон портфолио
blackbusinessabstract
бесплатно
- мемфис игривый абстрактный портфолио розовый фон
выбор редактораabstractwaves
бесплатно
- творческий бизнес портфолио фон
memphiscreativeeditors выбор
Бесплатно
- креативный темно-синий фон для портфолио
simpletrellispsd layering
Бесплатно
- Тоскана бизнес-портфолио Фон
bluebusinesscreative
Бесплатно
- Портфолио игривый абстрактный розовый Мемфис Фон
memphisabstractwaves
Бесплатно
- кремовый тосканский портфель Фон
whitecreambusiness
Бесплатно
- смешной абстрактный фон портфолио
modernfunnybusiness
бесплатно
- игривый портфель розовый мемфис абстрактный фон
whiteabstractmemphis
Бесплатно
- минималистичный абстрактный фон портфолио
blackeditors selectionbusiness
Бесплатно
- современный портфель тосканы Фон
texturedbusinessmodern
Бесплатно 9 0003
- тоскана простое портфолио фон
whitecoolgeometric
бесплатно
- милое креативное портфолио фон
bluecreativememphis
Бесплатно
- Мемфис розовый игривое абстрактное портфолио Фон
editor selectionmultipurposeabstract
Бесплатно
- милое тосканское портфолио Background
whitebusinessmodern
Бесплатно
- edgy creal modern porto Background
businessmoderngeometric
Бесплатно
- абстрактный смешной фон портфолио
whitemodernmemphis
Бесплатно
- мемфис портфель розовый игривый абстрактный фон
выбор редакторамемфисмногоцелевой
Бесплатно
- забавное креативное портфолио Фон
whitecolorfulmemphis
Бесплатно
- Тоскана крем портфолио Фон
whitegeometriccolorful
Бесплатно
- портфолио розовый Мемфис игривый абстрактный Фон
memphismmultiцелевой выбор редактора
бесплатно
- розовый портфолио мемфис игривый абстрактный фон
многоцелевоймемфис выбор редактора
Бесплатно
- творческое современное минималистское портфолио Фон
bluegeometricbusiness
Бесплатно
- абстрактный розовый Мемфис игривый портфолио Фон
Wavesmultipurposeeditor selection
Бесплатно
- минималистичный журнал портфолио фоновая карта
журналsucculentsbooks
900 02 Бесплатно - Creative Memphis портфолио Фон
whitesimplecreative
Бесплатно
- цветочный журнал фоновое изображение портфолио
pinkflowerssimple
Бесплатно
- игривый абстрактный портфель розовый мемфис фон
abstractwavesmemphis
бесплатно
- креативный современный бизнес портфолио фон
текстурированный минималистский креатив
бесплатно
- цветочный журнал портфолио фоновое изображение
розовые цветы простой
Бесплатно
- тосканский смешной портфолио Фон
whitebusinesscreative
Бесплатно
- красочное портфолио «Тоскана» Фон
whitegeometriccool
Бесплатно
- Цветной творческий портфель Фон
whitesimplecreative
Бесплатно
- Бизнес абстрактный фон портфолио
whiteeditors selectionbusiness
Бесплатно
- игривый розовый Мемфис абстрактный фон портфолио
abstractmultiцелевойредактор выбор
бесплатно
- смешной тосканский фон портфолио
simplecoolmodern
Бесплатно
- Мемфис абстрактный портфель розовый игривый Фон
editor selectionwavesmemphis
Бесплатно
- Красочный портфолио Тосканы Фон
whitecutemodern
Бесплатно
- Романтический лавандовый журнал Портфолио фоновое изображение
Purplelavendersimple
Бесплатно
- креативное простое портфолио Фон
whiteminimalistabstract
Бесплатно
memphiseditor selectionabstract
Бесплатно
2 3 4 5 6 7 8 9 10
6th Anniversary БОЛЬШАЯ РАСПРОДАЖА! Весь план со скидкой до 86%
Ищете фоновые изображения для портфолио? Pngtree предоставляет портфолио в формате файлов .
AI, EPS и PSD. Вы также можете скачать фон HD в формате PNG или JPG, мы предоставляем дополнительную кнопку загрузки, которую вы можете скачать бесплатно по своему усмотрению. Приходите на pngtree скачать бесплатно фон png и векторы. Безвозмездная. Гарантия авторского права. Все изображения могут использоваться в коммерческих целях.
РАСПРОДАЖА
Только
$??9
Последний день
Пожизненный план Лучшие предложения!
Только$??9
6th Anniversary БОЛЬШАЯ РАСПРОДАЖА! Весь план со скидкой до 86% включительно для коммерческого использования предприятия.
Обновите план до Enterprise, чтобы получить десять миллионов ресурсов и корпоративный сертификат авторизации.
Получить авторизацию предприятия
PRF лицензия для коммерческого использования онлайн скачать
19.200+ Фон портфолио Иллюстрация, безвозмездная векторная графика и клип-арт
Иллюстрация- Добавить
- Фото
- İllüstrasyon
- Vektörler
- Видео
19.
291 фон портфолио безвозмездное сток иллюстраций векторной графики inceleyin veya daha fazla сток гурсель ве вектор графика keşfetmek için yeni bir arama başlatın. Сирала:En popüler
sunu, beyaz arka planda öğeleri şablonlar. векторная инфографика. — портфолио фон стоковые иллюстрацииSunu, beyaz arka planda öğeleri şablonlar. Векторная инфографика.
i̇ş минимальный планшет sunu şablonu — фон портфолио стоковые иллюстрации искусственный интеллект и инженерные технологии. визуализация больших данных. глобальные сети, линии сплетения, минимальный массив. векторная иллюстрация. — портфолио фоновые иллюстрацииШаблон макета презентации и слайда. Слайд из набора №9
kapak tasarım şablonları vektör — фон для портфолио стоковые иллюстрацииkapak tasarım şablonları vektör
современная радужная рамка подсветки — фон для портфолио стоковые иллюстрацииModern Rainbow Glow Backlight Frame
şirket profil, yıllı k rapor, broşürler, el ilanları, sunumlar , dergi ve kitap için soyut kapak tasarım arka plan şablonu — фон для портфолио стоковые иллюстрации Ширкет профили, йыллык рапор, брошюрлер, эль иланлары, сунумлар,.
Tasarım şablonu kurumsal iş yıllık rapor broşür poster sirket…
vektör boş kolaj tahtası yedi resim, fotoğraf — портфолио фон стоковые иллюстрацииVektör boş kolaj tahtas ı yedi resim, фото
sunum tasarım vektör şablonları, sunum slayt, el ilani, broşür kapağı tasarımı, infografik rapor için çok amaçlı şablon. yanardöner renkler yumuşak efekt degradeleri ile soyut bulanıklık şekilleri. — векторные иллюстрации для портфолио аблон, брошюр капаги. nokta ile halftone etkisi dekorasyon. noktalı поп-арт десени. — портфолио фоновые иллюстрации
— портфолио фон стоковые иллюстрацииTasarım şablonu kurumsal iş yıllık rapor broşür poster şirket…
çini soyut şekil arka plan — портфолио фон стоковые иллюстрацииTasarım şablonları ve kümesi öğeleri kurumsal iş için модный…
beyaz boş плакат шаблону. sunu duvar kağıt afish, fotograf tuval temiz reklam afish vektör asılı mockup izole. — портфолио фон стоковые иллюстрацииBeyaz boş плакат шаблону. Sunu duvar kağıt afiş, fotoğraf tuval…
kapak tasarım şablon kurumsal iş yıllık rapor broşür poster şirket profile dergi broşür kitapçık. деградировать сетку ile peyzaj kapak sayfası tasarım elemanı örnek görüntü. — портфолио фоновые иллюстрацииKapak tasarım şablon kurumsal iş yıllık rapor broşür poster Şirket
шаблоны слайдов бизнес-презентации — фоновые иллюстрации портфолио Report yıllık rapor 16 sayfa 057 — фон для портфолио стоковые иллюстрации el ilanı kitapçığı broşürü.
— портфолио фоновые иллюстрацииKapak tasarım şablonu kurumsal iş yıllık rapor broşürü poster şirk
fotograf kolaj şablonu. рух хали паносу дюзени. векторные иллюстрации. — портфолио фон стоковых иллюстрацийФото коллажей. Рух хали паносу düzeni. Vektör illüstrasyo
tasarım şablonu kurumsal iş yıllık rapor broşür poster şirket profili dergi рогулька kitapçık broşür kapak. manzara kapak sayfası tasarım öğesi örnek görüntü деградировать kafes ile. — портфолио фон стоковые иллюстрацииTasarım şablonu kurumsal iş yıllık rapor broşür poster şirket…
sunma kaymak düzenlenebilir yerleşimini минималистский tasarlamak vektör çizim tasarım iş şablonları. yaratıcı modern parlak arka plan ile renkli daireler ve yuvarlak şekiller. — портфолио фон стоковые иллюстрацииSunma kaymak düzenlenebilir yerleşimini минималистский tasarlamak…
kapak tasarım şablonları vektör — портфолио фон стоковые иллюстрацииkapak tasarım şablonları vektör
stüdyoda beyaz tuğla duvarlar ile boş oda — фон для портфолио стоковые иллюстрацииStüdyoda beyaz tuğla duvarlar ile boş oda
arşiv afish — портфолио фоновых иллюстрацийarşiv afiş
sunu slaytlarının минималистский союз вектор düzeni iş şablonları tasarlar.