Presentation4 behance
-
Upload
yuriy-nagorniy -
Category
Design
-
view
2.320 -
download
3
description
Transcript of Presentation4 behance
![Page 1: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/1.jpg)
Презентация проекта на Behance
Подача решает!
Юрий Нагорныйbehance.net/yurann
![Page 2: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/2.jpg)
Содержание:
необходимость
оформление
добавление
примеры
![Page 3: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/3.jpg)
Необходимость
выделиться
сгладить недочеты
заинтересовать работодателя
1
![Page 4: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/4.jpg)
2
Оформление
подготовка
структура
акценты и детали
![Page 5: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/5.jpg)
2
Оформление
подготовка
структура
акценты
детали
Качественные изображения
Анализ
Как подать?
![Page 6: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/6.jpg)
2
Оформление
подготовка
структура
акценты и детали
Название / описание
Копирайты / благодарность / URL
Результат
Процесс
![Page 7: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/7.jpg)
2
Оформление
подготовка
структура
акценты и детали
Процесс
![Page 8: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/8.jpg)
2
Оформление
подготовка
структура
акценты и детали
Типографика
![Page 9: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/9.jpg)
2
Оформление
подготовка
структура
акценты и детали
Цветовая схема
![Page 10: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/10.jpg)
2
Оформление
подготовка
структура
акценты и детали
Перебивки
![Page 11: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/11.jpg)
2
Оформление
подготовка
структура
акценты и детали
Zoom
![Page 12: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/12.jpg)
2
Оформление
подготовка
структура
акценты и детали
Элементы
![Page 13: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/13.jpg)
2
Оформление
подготовка
структура
акценты и детали
Анимация
![Page 14: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/14.jpg)
2
Оформление
подготовка
структура
акценты и детали
Иконки
Персонажи
![Page 15: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/15.jpg)
2
Оформление
подготовка
структура
акценты и детали
В реальной среде
![Page 16: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/16.jpg)
3
Добавление
параметры
методы
![Page 17: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/17.jpg)
3
Добавление
параметры
методы
725 px.
600 px.
Стандарт
Проблема: как использовать всю допустимую ширину для проекта?
![Page 18: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/18.jpg)
3
Добавление
параметры
методы
Фон
1. Наложение изображений поверх фона
Изображения(прозрачные png.)
Проблема: стыковка центральных изображений с фоновыми!
![Page 19: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/19.jpg)
3
Добавление
параметры
методы
Фон
2. Использование только фонового изображения
Прозрачная .png или .gif в 1 px. шириной и высотой в размер фона
Цвет фона должен совпадать с цветом фонового изображения
Проблема: ограничение размера фонового изображения в 1 Мб.
![Page 20: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/20.jpg)
3
Добавление
параметры
методы
63 px. 65 px.
Основноеизображение
3. Совмещение бокового фона и центрального изображения/й
Все отступы должны быть 0 px.
Фон Фон
![Page 21: Presentation4 behance](https://reader035.fdocument.pub/reader035/viewer/2022081416/556f6af2d8b42a9d338b4b15/html5/thumbnails/21.jpg)
4
ПримерыИспользуемые в докладе:
https://www.behance.net/gallery/16640675/TV-Space
https://www.behance.net/gallery/12925607/FacePersona
https://www.behance.net/gallery/12082557/TemplateMonster-2013-redesign
https://www.behance.net/gallery/16436565/Aquatilis-Expedition
https://www.behance.net/gallery/16364805/Logotypes-Icons
https://www.behance.net/gallery/16190917/Degordian-Agency-Website
https://www.behance.net/gallery/15033645/Application-User-Interface
https://www.behance.net/gallery/16901549/Socialpuzzle-Tool-and-Website-Presentation
https://www.behance.net/gallery/15449685/iOS-Games-Part-3
https://www.behance.net/gallery/10711893/IMDb-The-New-iOS-7-App
https://www.behance.net/gallery/7314851/Rectify-MyLifeIn20Yearscom
https://www.behance.net/gallery/16146269/Turkish-Airlines-App-Redesign