Как новичку создать дизайн сайта?

LeoMilan · 12.01.13

Учусь по специальности программирование, но меня больше интересует конкретно направление создания сайтов. Но дизайн нам никогда не преподавали, всё что умею, все научился в инете. Подскажите как к примеру делать более менее нормальные логотипы, не имея опыта в дизайнте (не предлогать сервисы по соданию логотип, это не то) и как сделать такую вещь к примеру. Вот сайт http://promodern.ee/, там где размещен контент, там есть изгиб в верхнем левом углу, как например такое сделать подскажите. Может вообще линк дадите, где всякие такие темки для сайтов рассказывают как делать. Вы дизайнеры всяко что-то полезное можете подсказать.

lukamal · 12.01.13

LeoMilan написал(а):
Вот сайт http://promodern.ee/, там где размещен контент, там есть изгиб в верхнем левом углу, как например такое сделать подскажите. Может вообще линк дадите, где всякие такие темки для сайтов рассказывают как делать. Вы дизайнеры всяко что-то полезное можете подсказать.

Если вас заинтересовал дизайн вы можете изучить структуру страницы сами.
В Firefox например это делается вот так

Вы увидите код всей страницы.

Код страницы

Загнутый уголок реализован при помощи подкладывания фонового рисунка в ячейку таблицы <td width="550" height="570" valign="top" background="images/book.gif" style="padding: 35 25 5 30"/>

Информацию по дизайну смотрите на сайте http://htmlbook.ru

LeoMilan · 12.01.13

Да это я вижу в фаитбаге, что картинка стоит. Вопрос, как ее сделать такую с уголком ? Ну понятн, что в графическом редакторе. Я пользуюсь Paint.NET. Вот как скажем там делать подобдное?

lukamal · 12.01.13

LeoMilan написал(а):
Да это я вижу в фаитбаге, что картинка стоит. Вопрос, как ее сделать такую с уголком ? Ну понятн, что в графическом редакторе. Я пользуюсь Paint.NET. Вот как скажем там делать подобдное?

фотошоп вам в этом поможет

смотрите, читайте, повторяйте, делайте своё.

LeoMilan · 12.01.13

А конкретно в Paint.NET как реализовать ? Вообще программист, который сайт делает, вы думаете он рисует всё это дело сам или тырит из инета картинки ?

lukamal · 12.01.13

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

Wmboard · 12.01.13

LeoMilan написал(а):
Я пользуюсь Paint.NET. Вот как скажем там делать подобдное?

Как сделать в Paintе, я думаю вам никто не скажет...
Рассматривайте фотошоп, как графический редактор.

LeoMilan написал(а):
Вообще программист, который сайт делает, вы думаете он рисует всё это дело сам или тырит из инета картинки ?

Кто-то делает все сам с нуля, кто-то берет картинки, но картинки из инета это НЕ значит, что дизайнер делал дизайн не сам, украл его. Найти картинку это 10% работы.
Причем картинки могут быть и из платных фотобанков.

Конкретно по загнутому уголку есть уроки опять таки фотошопа, а не пайнта. В сети даже можно найти заготовки по фотошопу с различными элементами.

Добавлено через 1 минуту

LeoMilan написал(а):
Подскажите как к примеру делать более менее нормальные логотипы, не имея опыта в дизайнте

Никак... ну или бывает, что нет навыков дизайна, но есть вкус. Гармония. Тогда можно набросать лого на бумаге и скан отправить дизайнеру для воплощения его в графике.

Manjuna · 28.01.13

LeoMilan, Здравствуйте!
Не могла пройти мимо такой животрепещущей темы.
Если Вы хотите научиться рисовать уголки и прочую графику, я бы Вам посоветовала изучить саму суть рисования в фотошопе.
Введите в поисковике : "как рисовать в фотошоп", пройдите четыре-пять уроков и Вам станет ясно как все это устроено.
Вкратце я могу сказать, что уголки и подобное делается так - создается слой с маской и внутри этого слоя при помощи кисти и градиентов рисуются тени, блики. Маска нужна, чтобы были ровные края у изображения, кисть нужна, чтобы добиться реалистичности. Но чтобы этой реалистичности добиться, лучше разобраться как устроен тот же самый уголок.
Если Вы хотите понять веб-дизайн в целом, то я бы посоветовала перерисовать 4-5 сайтов, которые Вам нравятся. Так Вы интуитивно поймете как они устроены, как задается модульная сетка и т.п.
С логотипами уже посложнее, так как их по идее нужно сперва нарисовать в эскизном виде, а потом оцифровывать в векторе.Или сразу в векторе делать эскизы. Вам нужно будет изучить еще и Adobe Illustrator (ну или Корел), если хотите сразу все чисто делать.)

Начальные уроки Вы можете тут посмотреть : http://demiart.ru/. Все новички начинают с этого форума) Пройдите побольше уроков и вы поймете саму суть.
Желаю творческих узбеков и удачи!

LeoMilan · 28.01.13

Manjuna написал(а):
По умолчанию
LeoMilan, Здравствуйте!
Не могла пройти мимо такой животрепещущей темы.
Если Вы хотите научиться рисовать уголки и прочую графику, я бы Вам посоветовала изучить саму суть рисования в фотошопе.
Введите в поисковике : "как рисовать в фотошоп", пройдите четыре-пять уроков и Вам станет ясно как все это устроено.
Вкратце я могу сказать, что уголки и подобное делается так - создается слой с маской и внутри этого слоя при помощи кисти и градиентов рисуются тени, блики. Маска нужна, чтобы были ровные края у изображения, кисть нужна, чтобы добиться реалистичности. Но чтобы этой реалистичности добиться, лучше разобраться как устроен тот же самый уголок.
Если Вы хотите понять веб-дизайн в целом, то я бы посоветовала перерисовать 4-5 сайтов, которые Вам нравятся. Так Вы интуитивно поймете как они устроены, как задается модульная сетка и т.п.
С логотипами уже посложнее, так как их по идее нужно сперва нарисовать в эскизном виде, а потом оцифровывать в векторе.Или сразу в векторе делать эскизы. Вам нужно будет изучить еще и Adobe Illustrator (ну или Корел), если хотите сразу все чисто делать.)

Начальные уроки Вы можете тут посмотреть : http://demiart.ru/. Все новички начинают с этого форума) Пройдите побольше уроков и вы поймете саму суть.
Желаю творческих узбеков и удачи!

Спасибо за ответ !

Brackets · 12.11.13

Нужно сначала получить какие-то знания и навыки, интернет в помощь

Как новичку создать дизайн сайта?

LeoMilan

lukamal

LeoMilan

lukamal

LeoMilan

lukamal

Wmboard

Manjuna

LeoMilan

Brackets