Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Закрытая тема
выдача ТОП 2Полезны

 
Опции темы Оценить тему Опции просмотра
Старый 17.12.2013, 04:24   #1
 
Аватар для Aivorg
 
Сообщений: 4
FR (активность): 190

Доп. информация
По умолчанию Автор темы Моя первая попытка в Adobe Photoshop

Всем привет! На других тематических форумах я уже вылаживал, но хочется услышать как можно больше мнений и моих ошибок. Все началось с того, что я решил попробовать поиграться в Adobe Photoshop, почитал немного литературы, и решил, что попробую сделать дизайн в минимализме.

Первый макет:

Главная страница:
Оффтоп:


Страница входа / регистрации:
Оффтоп:


Ошибка 404:
Оффтоп:


Это вот моя вторая попытка, но тут мне нравится один игровой портал, я попробовал сделать в таком же стиле.

Главная страница:
Оффтоп:
Aivorg вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 17.12.2013, 04:52   #2
 
Аватар для wmnakl
 
Сообщений: 251
FR (активность): 7,786

Доп. информация
По умолчанию

Aivorg,
Оффтоп:
спрячь картинки под спойлер...


истый адепт пастафарианства
wmnakl вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 17.12.2013, 05:05   #3
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию

Цитата:
Сообщение от Aivorg Посмотреть сообщение
и решил, что попробую сделать дизайн в минимализме.
..и что же в итоге вам помешало сделать дизайн в минимализме?

Минимализм характеризуется простотой, точностью и неяркими нейтральными цветами (белый, серый, черный).
А то, что у вас - это не минимализм, а попса.
А вообще фотошоп - фотошопом, но главное для веб сайта это конечный размер страницы. Вы попробуйте сверстать такую страницу в хтмл, потом натяните ее на какой-нибудь распространенный двиг и посмотрите время загрузки. Что-то сильно сомневаюсь, что вся эта куча полупрозрачных слоев и картиночек будет быстро грузится.
Aivorg: сообщение полезно
Umka вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 17.12.2013, 05:23   #4
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию

П.С. Вдогонку..
Aivorg, графика для сайта - это не графика для полиграфии. Это две большие разницы.

Вот даже выкладывая картинку на форум - вы выложили png, true color, 300 dpi.
- Во-первых: разрешение монитора не 300. Там 72 dpi достаточно, 96 - за глаза и за уши. То есть никогда не надо делать графику на сайт в полиграфическом разрешении.
- Во-вторых: не png, а jpg везде, где только возможно.
- И в-третьих: если уж очень хочется png, то в вашем случае можно снести градиентную заливку с фона, сделав его однотонным и все остальное на фоне забабахать в 256 цветов. Вы даже разницы не увидите при той цветовой гамме, что у вас есть.
..и тогда это будет не пару мегабайт, а сотня-две килобайт. А то, что у вас - пока загрузиться, там пользователь десять раз успеет уйти с сайта, не дожидаясь загрузки страницы.
Aivorg: сообщение полезно
Umka вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 17.12.2013, 05:36   #5
 
Аватар для Aivorg
 
Сообщений: 4
FR (активность): 190

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от Umka Посмотреть сообщение
П.С. Вдогонку..
Aivorg, графика для сайта - это не графика для полиграфии. Это две большие разницы.

Вот даже выкладывая картинку на форум - вы выложили png, true color, 300 dpi.
- Во-первых: разрешение монитора не 300. Там 72 dpi достаточно, 96 - за глаза и за уши. То есть никогда не надо делать графику на сайт в полиграфическом разрешении.
- Во-вторых: не png, а jpg везде, где только возможно.
- И в-третьих: если уж очень хочется png, то в вашем случае можно снести градиентную заливку с фона, сделав его однотонным и все остальное на фоне забабахать в 256 цветов. Вы даже разницы не увидите при той цветовой гамме, что у вас есть.
..и тогда это будет не пару мегабайт, а сотня-две килобайт. А то, что у вас - пока загрузиться, там пользователь десять раз успеет уйти с сайта, не дожидаясь загрузки страницы.
За это спасибо, буду знать.


Цитата:
Сообщение от Umka Посмотреть сообщение
..и что же в итоге вам помешало сделать дизайн в минимализме?

Минимализм характеризуется простотой, точностью и неяркими нейтральными цветами (белый, серый, черный).
А то, что у вас - это не минимализм, а попса.
А вообще фотошоп - фотошопом, но главное для веб сайта это конечный размер страницы. Вы попробуйте сверстать такую страницу в хтмл, потом натяните ее на какой-нибудь распространенный двиг и посмотрите время загрузки. Что-то сильно сомневаюсь, что вся эта куча полупрозрачных слоев и картиночек будет быстро грузится.
Ну, как для игрового сайта - это минимализм. Вкусы, конечно могу различаться... Если посмотреть на другие проекты, там графики - тонны, только от самой рекламы.

Оффтоп:


Верстали все быстро, работает тоже.
Aivorg вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 18.12.2013, 10:32   #6
 
Аватар для Ganti
 
Сообщений: 32
FR (активность): 161

Доп. информация
По умолчанию

Мне первый вариант больше понравился, но время загрузки тоже интересует.
Ganti вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 18.12.2013, 11:09   #7
 
Аватар для Unick
 
Сообщений: 698
FR (активность): 31,962

Доп. информация
По умолчанию

бугагагагашеньки.
Не, ну конечно, Aivorg, смотрится приемлемо, но не как макет для сайта.
Я вот удивлялся, как сеошники могут в верстке не разбираться.
Но сейчас вообще охренел Как можно делать дизайн для сайта, если не понимаешь как они устроены? Мой знакомый дизайнер шпарит в верстке лучше, чем любой верстальщик фрилансер в интернете.
Ну и еще, как ваш сайт будет выглядеть на мобильном устройстве?

Насчет минимализма: vk.com посмотрите.


andreisoroka.com
Unick вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 19.12.2013, 15:01   #8
 
Аватар для Ganti
 
Сообщений: 32
FR (активность): 161

Доп. информация
По умолчанию

Unick, ну так с чего то нужно начинать. Набьет шишки пару раз и научится. Все же веб-дизайн и полиграфия сильно отличаются.
Ganti вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 22.01.2014, 11:59   #9
 
Аватар для Нелли
 
Сообщений: 15
FR (активность): 0

Доп. информация
По умолчанию

Ого, ну какой же это минимализм. Смотрится неплохо, но я бы пожалуй убрала слова из фона, либо расположила их более эстетично.
Нелли вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 22.01.2014, 21:51   #10
 
Аватар для Клавиша
 
Сообщений: 16
FR (активность): 259

Доп. информация
По умолчанию

А мне нравится. Ещё и первая попытка.
Придраться не к чему, аж огорчилась.
Клавиша вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 17.06.2014, 12:37   #11
 
Аватар для AdmitLead
 
Сообщений: 2
FR (активность): 15

Доп. информация
По умолчанию

Как интересно у вас размещен ввод логина и пароля без кнопки "Вход". В целом авторизация плохо сделана: кнопки соц. сетей улетели куда-то. Не очевидно. В идеале всё должно быть в одной строке или блоке хотите аккуратный минимализм - попробуйте делать всё просто, бледно, симметрично и аккуратно. А и да, не vK, а хотя бы Vk, а правильнее VK.
AdmitLead вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 08.07.2014, 16:44   #12
 
Аватар для olejegcord
 
Сообщений: 1
FR (активность): 61

Доп. информация
По умолчанию

Для первого раза нормально.
Правда ошибки прям в глаза бросаются, да и для минимализма он через чур пустой.
olejegcord вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 09.07.2014, 06:31   #13
 
Аватар для narolskay
 
Сообщений: 778
FR (активность): 4,819

Доп. информация
По умолчанию

Первый макет лучше понравился. Еще бы шапку сделать не много меньше, чтобы поднять основной контент и убрать иконки соц. сетей.


Ищете хостинг? Beget.ru - месяц бесплатного тестирования, бесплатный перенос сайта!
narolskay вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 28.08.2014, 15:41   #14
 
Аватар для Gomer
 
Сообщений: 16
FR (активность): 121

Доп. информация
По умолчанию

Первый макет понравился больше. Интересно время загрузки???
Gomer вне форума  
Сказать Плохо за это бесполезное сообщение
Старый 28.12.2014, 13:42   #15
 
Аватар для skotti47
 
Сообщений: 4
FR (активность): 122

Доп. информация
По умолчанию

вспоминая свой первый макет это божественно
skotti47 вне форума  
Сказать Плохо за это бесполезное сообщение
Закрытая тема

Метки
design, noob, photoshop, дизайн, фотошоп


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Speed Art Photoshop vicherep Хобби 11 18.04.2013 23:11
[ Бесплатно ] Adobe бесплатно раздает Creative Suite 2. Лицензионный Photoshop CS2? lipatoff Дизайн и верстка 5 20.03.2013 16:32
[ Личный опыт ] Попытка взлома аккаунта mark3000 Безопасность 14 12.11.2012 22:55
Предлагаю услуги Adobe Photoshope, Adobe Premiere и Adobe Atfer Effects nucho Дизайн 3 12.12.2011 02:25
Попытка клонировать сайт увенчалась неудачей ligne_pure Joomla 3 28.07.2011 10:53

Текущее время: 16:48. Часовой пояс GMT +3.