Форум Краматорська
Гумор, розваги, дизайн => Дизайн => Тема розпочата: Zeppelin від 24 Липень 2008, 03:08:01
-
Собственно доброго времени суток.
Когда начинал дизайнить так получилось что не у кого было спросить, не с кем посоветоваться...
В общем надеюсь написанное мною поможет начинающим овладеть этой разносторонней профессией.
Итак, вы решили стать дизайнером, веб-дизайнером.
Сначала задумайтесь, зачем Вам это? потому что компьютерщик это круто? тогда говорю вам - идите в спортзал подкачайтесь и идите плотником или сварщиком на родные заводы Краматорска, почему? да потому что это прямая угроза здоровью - такой образ жизни, это стрессы когда заказчики достают что им не нравиться чтото, это стрессы когда тебе самому не нравиться то что ты делаешь. Если же вы чувствуете что это Ваше, вы присматриваетесь в городе к логотипам и вывескам и думаете - это смотриться, это нет, это я сделал бы лучше тогда это для вас. :)
Главное качество дизайнера - нет, не умение реализовать а умение думать, его вкус, хорошее воображение которое выбрасывает нестандартные варианты реализации. =)
Реализация это второстепенное, если у Вас нет вкуса то попробуйте его развивать, развить вкус в веб-дизайне вам помогут такие ресурсы:
www.artlebedev.ru - Куда же без Темы Лебедева
www.go2web20.net - Очень хорошая база красивых логотипов в стиле Веб 2.0 (об этом попозже)
www.deviantart.com - Одно большое портфолио дизайнеров по всему миру (есть как хорошие работы так и мусор)
www.ins5.ru - Галерея лучших дизайнов рунета
www.fntw.ru - Портфолио Александра Кизяченко - мне нравятся его коллажи и видение тех. дизайна как такового
www.efir.biz - Портфолио студии 3fir - тех. дизайнеру студии необходимо отдать должное, я учился на его работах когда еще не лез на серьезные коллекторы и коммьюнити.
Грамотный дизайнер сам подбирает "безопасные" оттенки цветов, примерно понимает что где и как будет смотреться а что
не будет. Есть такой дизайнер в нашем городе Андрей VonUnd фамилию думаю кто знает поймут. Так вот этот человек тратил по два-три
часа просто на подбор доминирующий оттенков для дизайна...но зато потом выходило такое!!!
Я например люблю такие оттенки цветов и исользую их в своих работах:
(постарайтесь избегать стандартных цветов, это хорошее решение далеко не всегда)
ea0101 - Красный
ffc600 - Оранж
eaff00 - Салатновый(Или салатовый)
00fcff - Бирюза
00c6ff - Голубой
ff009c - Темно розовый с сиренью
90ff00 - Зеленый.
(Цвета предоставлены в RGB)
ну и конечно черный, серый и белый =)
Лично я пользуюсь только этими оттенками в своих работах, иногда с небольшими различиями.
Вы уже хотите начать рисовать? погодите, повторяю, реализация - не главное!
Откройте Adobe Photoshop.
Нарисуйте инструментом Rounded Rectangle Tool Прямоугольник с закругленными краями, и поиграйтесь с цветами и
их оттенками, сделайте так чтоб было красиво.
Вот пример:
(http://ua-design.biz/kramatorsk/1.jpg)
Сделайте это сами, выберите оттенки, не бойтесь играться с ними, не спешите.
Сделали? Вам самим нравиться? если нравиться то можно приступать к реализации.
Есть несколько правил для хорошего качественного дизайна:
1. Дизайн должен быть чистеньким, примеры: www.vkontakte.ru, www.weblancer.net и прочее.
2. Анимация допустима на сайте если ее появление оправдано, в остальных случаях - нет нет и еще раз нет.
3. Старайтесь использовать два-три оттенка в дизайне максимум, не нужно делать винегрет.
4. Подумайте про соотношения цветов - например зеленый с сиреневым никуда не годиться (хотя хороший дизайнер
подберет такие оттенки зеленого и сиреневого что будет смотреться замечательно.)
5. Дизайн должен нравиться Вам.
В начале да и далее на вашем пути не стесняйтесь спрашивать критики и мнения у знакомых хороших дизайнеров, их на фрилансе
довольно много, спрашивайте у друзей, у родителей, любимой девушки, у всех!
6. Главное что-бы клиент заинтересовался контентом, и только потом дизайном, поэтому делайте всё чисто (блин, повторяюсь.)
ПОМНИТЕ:
Лучше уже так:
(http://ua-design.biz/kramatorsk/2.jpg)
Чем так:
(http://ua-design.biz/kramatorsk/3.jpg)
В первом варианте весь контент читабельный, и цвета не режут глаза, тоесть посетитель сможет получить интересующую его информацию.
Возьмите любой портал, например тот же самый www.kramatorsk.info и сделайте ему редизайн, перерисуйте его
так как хотели бы Вы, и как Вам кажеться должен он выглядеть.
Если Вам понравится то что вы сделали то это залог успеха, а если же это понравится еще и всем кто просмотрит
то можете смело двигаться дальше.
Отправленный на: Июля 24, 2008, 01:43:39
Приступим к рассмотрению разных сторон реализации.
1. Коллаж
Коллаж, это то что помогает сделать дизайн более привлекательным, создать неповторимый концепт.
Коллажи бывают разные, в основном это фото-коллажи.
Артемий Лебедев например делая сайт для Павла Астахова, известного адвоката реализовал по тем временам оригинальное решение:
(http://img.artlebedev.ru/everything/astakhov/astakhov.jpg)
(к сожалению не осталось изображения побольше)
Простои и понятно, рука, в руке визитная карточка с контактными данными Адвоката., ведь более ничего и не надо.
Вот как коллажи спасают в тех. дизайне:
Возьмем одну из моих работ:
(http://ua-design.biz/img/galis.jpg)
Здесь два коллажа, один маленький, второй большой, именно они вместе с линией и составляют концепт сайта:
(http://ua-design.biz/kramatorsk/4.jpg)
Cтетоскоп.
(http://ua-design.biz/kramatorsk/5.jpg)
Девушка медик.
Дизайн конечно на троечку получился, так как делал в спешке, но всё же:
Контент видно (меню)
Сайт чистенький
а это главное.
Дизайн http://renderspeed.net/
(http://ua-design.biz/kramatorsk/6.jpg)
Аналогично, здесь используется коллаж электронной руки. и это тоже составляющая концепта, концепт так-же составляют желтые прямоугольники.
Без коллажа этот дизайн не смотрелся бы так уже.
Коллажи лучше всего делать и фотографировать самому но можно как всегда порыться на старом добром www.istockphoto.com
Мыслите оригинально.
-
Я ни на что не претендую, не навязываю свою точку зрения.
Я просто хочу помочь новичкам.
Я буду рад знать что хотя бы кому нибудь помог.
В дальнейшем обещаю более подробно освещать аспекты.
Писать буду по мере появления свободного времени.
-
Итак, немного отвлечемся от темы дизайна сайтов и займемся логотипами.
Ведь хороший логотип это часть концепта сайта, и залог хорошего дизайна.
В принципе на вкус и цвет товарищей нет но вот примерный рецепт хорошего лого:
1. Чистота линий, никакой грязи, всё должно быть четко.
2. Читабельный шрифт
3. Узнаваемость и уникальность логотипа. (например лого Фокстрота, ведь вы ни с кем не спутаете эту лисичку уже, это и есть узнаваемость)
4. При инвертировании цветов должно смотреться нормально =) я про то что лого может использоваться не только на сайте, а и на печатной продукции, одежде и т.д.
5. Минимум сложной графики, простота - залог успеха.
6. Идея, хорошая идея!
Пример простоты и оригинальности:
(http://internetno.net/wp-content/uploads/2007/08/yandex-logo.png)
Все знают этот логотип, ему немало лет, но это одно из лучших решений.
Не старайтесь мудрить чтото подобное этому:
(http://img.artlebedev.ru/kovodstvo/business-lynch/files/1/7/17AB9C55-702D-492F-8DDA-1121579AD85D.jpg)
(Логотип из Бизнес-Линчевания Артемия Лебедева)
Комментарии самого дизайнера:
(http://ua-design.biz/kramatorsk/123321.jpg)
Естественно он прав, этот логотип намного лучше смотрелся бы набранным в ворде шрифтом Tahoma и листиком нарисованным.
Цветовая реализация никуда не годиться, в общем такое даже лучше не обсуждать.
Как я уже говорил - смотрите здесь: www.go2web20.net
По поводу реализации логотипов - мы рассмотрим это попозже, потому как процесс реализации в принципе один и у лого и у web-дизайна как и приёмы в дизайне.
-
сам себя не похвалишь... :D
-
В смысле?
-
Собственно доброго времени суток.
Когда начинал дизайнить так получилось что не у кого было спросить, не с кем посоветоваться...
Сначала задумайтесь, зачем Вам это? потому что компьютерщик это круто? тогда говорю вам - идите в спортзал подкачайтесь и идите плотником или сварщиком на родные заводы Краматорска
Воистину правильный совет! Подходит большинству.
Если же вы чувствуете что это Ваше, вы присматриваетесь в городе к логотипам и вывескам и думаете - это смотриться, это нет, это я сделал бы лучше тогда это для вас.
Есть проблема. Когда человек прирожденный дизайнер, то он это чувствует. В противном случае... он тоже чувствует, что это - его. И пока кто-нибудь не выбьет эту дурь данная личность не перестанет считать себя крутым дизайнером.
Спасибо за ссылки, некоторые весьма ржачные.
www.artlebedev.ru - Куда же без Темы Лебедева
Мало что впечатляет после Лебедева.
www.go2web20.net - Очень хорошая база красивых логотипов в стиле Веб 2.0 (об этом попозже)
Супер ссылка! Как-нибудь детальнее посмотрю, а пока-что успел поржать над:
- гомосячьим лого Konolive
(http://www.konolive.com/templates/ja_erica/images/logo.png)
- заезженное инь-янь-хрень by Myrl
(http://www.myrl.com/images/login/myrl.jpg)
- лого офтальмологической клиники VistaZoo
(http://www.vistazoo.com/images/cabecera.jpg)
www.fntw.ru - Портфолио Александра Кизяченко - мне нравятся его коллажи и видение тех. дизайна как такового
И это вы хотите назвать хорошим дизайном?
Беру работу
(http://www.fntw.ru/portfolio/systema.jpg)
И делаю вывод: сайт дико заср перегружен картинками, даже настолько, что не читается некоторый текст. Если цель была разместить фото мужиков с текстом на "переднем фоне", то работа сделана на отлично. Если же нужен текст, то даже черное по белому смотрелось бы лучше, чем это. Кстати, именно так и сделали владельцы сайта, что и можно пронаблюдать по адресу http://www.sistema.ru/ (https://www.kramatorsk.info/talk/go.php?url=http%3A%2F%2Fwww.sistema.ru%2F)
www.efir.biz - Портфолио студии 3fir - тех. дизайнеру студии необходимо отдать должное, я учился на его работах когда еще не лез на серьезные коллекторы и коммьюнити.
Зашел на главную страницу - и больше мне уже ничего не надо, Это действительно 03. Жабоскриптовые ссылки уже о чем-то говорят. Логотип один-в-один kramatorsk.info.
Кстати, непорядочек, "о компании" нужно бы в 02 звонить, а при чем тут 01 - не понимаю.
Грамотный дизайнер сам подбирает "безопасные" оттенки цветов, примерно понимает что где и как будет смотреться а что
не будет. Есть такой дизайнер в нашем городе Андрей VonUnd фамилию думаю кто знает поймут. Так вот этот человек тратил по два-три
часа просто на подбор доминирующий оттенков для дизайна...но зато потом выходило такое!!!
Где вы, дизайнеры, делающие офигительный дизайн тремя цветами. Где вы, люди, не ставящие дохрена знаков препинания в конце предложения???
Я например люблю такие оттенки цветов и исользую их в своих работах:
(постарайтесь избегать стандартных цветов, это хорошее решение далеко не всегда)
ea0101 - Красный
ffc600 - Оранж
eaff00 - Салатновый(Или салатовый)
00fcff - Бирюза
00c6ff - Голубой
ff009c - Темно розовый с сиренью
90ff00 - Зеленый.
(Цвета предоставлены в RGB)
ну и конечно черный, серый и белый =)
Лично я пользуюсь только этими оттенками в своих работах, иногда с небольшими различиями.
Я для этого открываю GIMP и использую его диалоговое окно выбора цвета. Скажем "нет" готовым решениям.
Нарисуйте инструментом Rounded Rectangle Tool Прямоугольник с закругленными краями, и поиграйтесь с цветами и
их оттенками, сделайте так чтоб было красиво.
Сделайте это сами, выберите оттенки, не бойтесь играться с ними, не спешите.
Сделали? Вам самим нравиться? если нравиться то можно приступать к реализации.
-ля-я-я-я. Первым делом - поиграться с оттенками. Дизайн, ёпт.
Дополню список правил хорошего дизайна:
2. Анимация допустима на сайте если ее появление оправдано, в остальных случаях - нет нет и еще раз нет.
Анимация, джаваскрипт, флэш, музыка - в крайнем случае. Сайт должен хотя бы прилично выглядеть без всего этого.
5. Дизайн должен нравиться Вам.
В начале да и далее на вашем пути не стесняйтесь спрашивать критики и мнения у знакомых хороших дизайнеров, их на фрилансе
довольно много, спрашивайте у друзей, у родителей, любимой девушки, у всех!
Нет, нет и еще раз нет. Так вы получите не оригинальный, а еще один штампованный дизайн.
7. Сайт должен быть "резиновым".
ПОМНИТЕ:
Лучше уже так:
[картинка]
Чем так:
[картинка]
Вы удивитесь, но второй сайт мне понравился больше, потому что он блестяще выполнил свою задачу - заставить посетителя проблеваться и поржать.
Возьмите любой портал, например тот же самый www.kramatorsk.info и сделайте ему редизайн, перерисуйте его
так как хотели бы Вы, и как Вам кажеться должен он выглядеть.
Если Вам понравится то что вы сделали то это залог успеха, а если же это понравится еще и всем кто просмотрит
то можете смело двигаться дальше.
... можете смело выкидавать его на и идти работать плотником или сварщиком.
Возьмем одну из моих работ...
...дизайн конечно на троечку получился
Вот и все.
Контент видно (меню)
Сайт чистенький
а это главное.
http://www.yandex.ru/white.html (https://www.kramatorsk.info/talk/go.php?url=http%3A%2F%2Fwww.yandex.ru%2Fwhite.html) - вот что такое чистенький, а то, что вижу я называется зас...
Мыслите оригинально.
Мыслите оригинально? Мыслите оригинально! "Мыслите оригинально" - напечатайте наконец эти слова на листе A0, повесьте на стенку и мыслите оригинально.
Лично я бы приводил вот это (https://www.kramatorsk.info/talk/go.php?url=http%3A%2F%2Fwww.artlebedev.ru%2Fkovodstvo%2Fbusiness-lynch%2F2008%2F07%2F14%2F) как пример уродского логотипа. Заодно и посмеяться можно. Приведенное Вами - это не смешно, а страшно (естественно, IMHO).
-
Спасибо поржал над комментами :lol:
Во многом ты прав.
По поводу go2web20 - интересно кто заапрувил такую херню.
По поводу Саши Кизяченко:
"Если цель была разместить фото мужиков с текстом на "переднем фоне", то работа сделана на отлично. " Именно такая цель и была)))
По поводу Паши (Efir Studio)
Это сугубо твоё мнение, я помню читал ветку форума в котором дизайнеры оценивали именно этот сайт-портфолио и сошлись на мнении что и симпатично и функционально, яваскрипт там себя оправдывает.
Лично я бы приводил вот это (https://www.kramatorsk.info/talk/go.php?url=http%3A%2F%2Fwww.artlebedev.ru%2Fkovodstvo%2Fbusiness-lynch%2F2008%2F07%2F14%2F) как пример уродского логотипа. Заодно и посмеяться можно. Приведенное Вами - это не смешно, а страшно (естественно, IMHO).
Ежели лично ты бы приводил бы то раз у тебя дохрена свободного времени - пиши сам, а я пока поработаю, если твои советы будут супер дупер правильными то и продолжай писать, мож и я чему поучусь.
Такое ощущение что я знаю тебя в реале...
-
Шпрот. Покажи свои работы?
-
Я бы тоже хотел бы глянуть.
-
Цеппелин случайно не Антон Цепин?
если да, то вы кое кому должны. нужно бы встретиться
Вам сюда https://www.kramatorsk.info/smf/index.php?topic=13189.0
-
Шпрот. Покажи свои работы?
Если бы я еще и веб-дизайном занимался...
-
Шпрот. Покажи свои работы?
Если бы я еще и веб-дизайном занимался...
Тогда можешь засунуть своё мнение себе в задницу.
-
Шпрот, еще один комментарий в виде "01, "02", "03", "поржать" и "проблеваться", и пеняй на себя.
Я предупредил.
-
Парле Ву франсэ? Кто такой Шпрот и почему Вам не нравится "01, "02", "03"?
Лично мне некоторые его каменты понравились, в отличии от поста Цеплянина.
Еще более по теме: камрад Цеплянин еще не насколько крут, что бы хвалить себя. За дела вроде "Дизайн конечно на троечку получился, так как делал в спешке, но всё же" хочется настучать по рукам. Ибо баблос взял, и даже ни капельки не стыдно.
-
Парле Ву франсэ? Кто такой Шпрот и почему Вам не нравится "01, "02", "03"?
Лично мне некоторые его каменты понравились, в отличии от поста Цеплянина.
Начинайте читать медленно, сверху вниз, запоминая прочитанное.
Поймете.
Шпрот - ShprotX
01, 02, 03 были в сторону моего сайта. Я не против критики, но против "дебильного выблевывания ржачного поноса" в мою сторону.
Если вам понравились его посты, чаще заходите во Флуд, там такого много.
Еще более по теме: камрад Цеплянин еще не насколько крут, что бы хвалить себя. За дела вроде "Дизайн конечно на троечку получился, так как делал в спешке, но всё же" хочется настучать по рукам. Ибо баблос взял, и даже ни капельки не стыдно.
Ну так обсуждайте его в теме где его обсуждают. Я не против.
Здесь он пытается сделать, что-то полезное. Может быть кому-то эти статейки и прийдутся ко двору, может кому-то нет.
-
Комрад, так скажите об этом прямо - я Вас поддержу. Я уж и сам бы начал, но по понятиям не положено. А Вы уж, право, флудите...
Для начала я уточнил его опыт в веб-дизайне.
Потом я ему рассказал, что он может сделать со своим "опытом".
А потом я прямо сказал ему, что и как.
Этого недостаточно? :)
-
Zeppelin
Не обращайте внимания. Продолжайте писать. Спорить будут всегда. У того же Лебедева тоже достаточно спорных моментов. У каждого свое видение, но из этих разных у новичков что-то в голове да отложится.
А если продал на 3-ку, то ругать нужно не только исполнителя, а и покупателя. Разве не так? Мог бы и не брать.
Slayer
От Вас бы тоже статеек на эту тему ;-)
-
Мне интересно. Эти люди и на рынке/в магазине так себя ведут? Не нравится товар, не того цвета - надо разводить демагогию и опустить продавца? лишь бы испоганить человеку его желание помочь другим.
-
Slayer
От Вас бы тоже статеек на эту тему ;-)
Я не пишу статей о дизайне, уровень не тот.
К Тёме ходите, у него текста много, есть, что почитать. Много бреда конечно, но интересного больше.
-
Здесь он пытается сделать, что-то полезное. Может быть кому-то эти статейки и прийдутся ко двору, может кому-то нет.
пусть пише, я читаю
мне интересно