Процесс создания дизайна сайта

1055 ratings | 136829 views


Процесс создания дизайна сайта

Наглядная демонстрация создания дизайна сайта на примере Дизайн: Наша дизайн-студия быстро и качественно создаст для вас уникальный и юзабильный сайт. Видео является собственностью компании stg Музыка: Menog -- Kinho's Hallucination

Comments to the video: Процесс создания дизайна сайта

Дедуля 5 months ago
Прежде чем дать макет верстальщику, нужно безотлагательно скорую позвать ! Инфаркт же получит :D
Nikita Kosach 7 months ago
Ахахахахаха дизайн 2000 ых годов?)
Artem Mazurkevych 1 year ago
Колхоз
Вячеслав Журавский 1 year ago
Помогите! При разработке прямоугольнка (либо чего-то другого) показивается ширина и вышина не в пикселях, а сантиметрах. Как это поправить??? Заранее благодарю!
Михаил Иванов 1 year ago
Трансуха))
Oleg Ivanyugin 1 year ago
Что вы накинулись. Этапы сотворения дизайна веб-сайта наглядно показаны)
Din Yan 1 year ago
бистро, это сколькичасовая труд поместилась в этом видео?
Black DAGGER 1 year ago
бля конечно я же рисую ведь, лишь какая прога нужна?
Din Yan 1 year ago
+Black DAGGER фотожоп
Сергей Алексеев 1 year ago
Че за программка?
Даниил Литвиненко 1 year ago
хост для веб-сайта кушать бесплатные. самый наилучший в рф
Олег Кіращук 1 year ago
А позже у верстальщика инфаркт.
Рома Чишегоров 3 months ago
ИЗИ
Silis Tor 2 years ago
PSD позже нужно еще разрезать и связывать в html при помощи css. А позже прикручивать хоть какой движок к получившемуся шаблону, либо строчить свою админку. Это оч. длительно. Этот метод сотворения подходит лишь к персональному(уникальному) проекту.
Din Yan 1 year ago
+Silis Tor это штамп необходимо прикручивать к движку) не путай)
Дмитрий Жуков 2 years ago
Середина 2000-ых.
Dmitry Sid 2 years ago
Так это ж для чайников!
dimashack2011 2 years ago
Еббать! Теперь я всё умею! Я крутт!!
Школа веб-дизайна Максима Солдаткина 2 years ago
Полезный задание.
Дмитрий Чайников 2 years ago
Забудьте про PSD шаблоны, такие подходы устарели. Используйте все способности HTML5 и CSS3 для сотворения веб-сайтов.
Александр Богацький 2 years ago
все верно, научился 99% способностей фотошопа по этому видео!
sasa kot 2 years ago
пипец!!! будто?!?!
Graphicborder 2 years ago
Динамичненько. :) Но сам образ дизайна  немного устарел. Смотрите почаще awards. Для новичков этак попросту супер.
HawerClaus 2 years ago
вот збс туториал
Серёгин Серёга 3 years ago
Это не творение веб-сайта, а творение макета веб-сайта в psd формате!
Александр 3 years ago
А что ж с ошибками-то? МестАнахождения
Odens 3 years ago
А позже сиди неимущий программер и пиши коды на 1000 строк
Odens 3 years ago
+Юра Тебеньков +
Юра Тебеньков 3 years ago
+Канал отца В мечтах чувак.
Odens 3 years ago
+snowtumb Спасибо, может быть когда нибудь займусь этим делом!
snowtumb 3 years ago
+Канал отца Дизайн для таких готовых вариантов можно торговать от 10-30$..сущность в том,что этот дизайн не обязан быть непременно уникальным. В том плане,что если он отлично его купят 10,20,100 и т.д человек! Или же заниматься доработкой модулей!!!Ищи на просторах ру нета..таких мыслях миллионы и бирж по продажам!
Odens 3 years ago
+snowtumb сколько средств за такое дело можно хватать? Я пробовал заняться таким занятием, лишь неувязка в том, что я не отыскал куда вставлять код стилей.
Создание сайтов Одесса Украина 3 years ago
высококачественная труд.
Дмитрий Жуков 3 years ago
artivenom, ты надменный нуб, ламер и попросту глупец )))
zad09able 3 years ago
я обыденный человек, и этак будто я весьма ленивый и не умею отрисовывать в PS, в один прекрасный момент мне надоело отрисовывать все эти скевоморфизмы, и я выдумал web 2.0 дизайн, о котором вы не слышали
Gennady Egiyan 3 years ago
Menog неплох ;)
Sergey Romanov 3 years ago
Скажите изволь, фрилансеры специализирующиеся на разработке дизайна веб-сайтов делают свою работу по идентичной схеме? Разработкой самого веб-сайта занимаются уже верстальщики и программеры, однако не дизайнеры?
Саша Биркин 3 years ago
Здорово лабаете в фотожабе, тоже этак желаю уметь
sad 4 years ago
Красавчик, вообщем, офигенно!!!
Dustystec 4 years ago
Какая же краса, как же профессиональный дизайнер. Я восхищен!
Вероника Андреева 4 years ago
Прикольно
GoshnicH93 4 years ago
Это лиш штамп. Позже его нужно сверстать, а для этого, познания html неотклонимы и не лишь html.
Berg61 4 years ago
Согласен +500
Max L. 4 years ago
Вставлять текст картинкой это круто. Цена в самом низу слева, что весьма приметно. Так же, будто фотки. А чтоб в каталог перебежать нужно ворачиваться на главную. Ajax корзине не знаком, избрать краска продукта можно лишь из корзины и на картинке он не изменяется. А этак конечно, нарисовано прекрасно.
STGdesign 4 years ago
Adobe Photoshop CS4. А то, что немало инструментов отображается и слоев - это монитор 30''
Вася Соколов 4 years ago
Скажите изволь с помощью какой программки вы делали веб-сайт
Карл Бирд 4 years ago
Будьте добры. Что за фш таковой?
MrDenleon 4 years ago
Понятно отчего курс даровой, он ведь видИо. А видео курс лишь за средства.
MrDenleon 4 years ago
Четко.
Dimitry IntelCrete Portnoy 4 years ago
красава
Magisters | Обучение современным профессиям 4 years ago
Ну если этак рассуждать, то можно и на ucoze либо всякую другую CMS, лишь ты тогда кроем текста ничего поменять и не сможешь. Опять же, повторюсь, если хочешь мастерить веб-сайты всеполноценно, то без HTML (в связке с CSS) не стать, хотя бы для того, чтоб осознавать, отчего этот элемент отображается конкретно этак, будто он отображается, и знать будто его поменять под свои нужды.
Василий 4 years ago
Умничаешь? На хтмл-е ты для себя лишь статику сверстать сможешь, самую примитивную, причём. А чел с вопросом может на вордпрессе сделать для себя достаточно таки настоящий веб-сайт.
Andy Protech 4 years ago
При таком ординарном дизайне, прорисовка на бумаге - чистейшая утрата времени.
Артём Крыльев 4 years ago
Вот бы с таковой скоростью фигачить
Максим Максимов 4 years ago
Дааа ребят РЕСПЕКТИЩЕ. Версия с ява ваще загляденье!
buran120 4 years ago
Кррруууутттооооо
Magisters | Обучение современным профессиям 4 years ago
если ты хочешь настоящий веб-сайт, без HTML для тебя не стать.
Вадим Лихачев 4 years ago
Сверстать, будто я сообразил, без мата и 5 уволенных верстальщиков, это волшебство не смогли, потому доля 2-ая отсутствует. Макет красивый, на деле вышел мрачняк какой-то, где полавинка текста картинами: www_okkaelectronics_ru
ileftmywallet 4 years ago
Без ошибок бы хоть сделал ;)
Igor Rykhlevskyi 4 years ago
я в шоке! Браво создатель, прекрасно весьма
araz qaraAyev 4 years ago
spasibo
STGdesign 4 years ago
Мы все делали руками.
STGdesign 4 years ago
На шаге сотворения самих макетов познание HTML необязательно. 
araz qaraAyev 4 years ago
a nujna li znat html dlya sozdaniya sayta? bez nevo vozmojno sozdat sayt? pojalusta skajiti
миша рыбка 4 years ago
жесть
SereJa T 5 years ago
может пятерня ? )
Артур Терегулов 5 years ago
без дизайна веб-сайты будто-то резвее делаются
heyhelloallpeople 5 years ago
OMG!!!!!!!!!!!! Amazing!
STGdesign 5 years ago
Menog – Kinho's Hallucination
SwEeTxD 5 years ago
Что за музыка играет?
Alexander Alex 5 years ago
А вот у нас требуют что бы дизайнер отрисовывал в ФШопе, далее порезал, далее ШТМЛ сделас, сделал работающими кнопки, протестировал и расположил.
Sabstergo 5 years ago
Ты заголовок видео читал? черным по сероватому . дизайна веб-сайта
Robbin Flip 5 years ago
Секрет?Гугл+познания css усе
STGdesign 5 years ago
Этот объект рисуется с помощью инструмента Pen. Т.к. размеры видео очень сжаты, подробности прорисовки опускаются.
Proba Probat 5 years ago
Знаю будто делается дизайн, могу произнести, что этак он и обязан делатся, лишь мне будто здесь создатель немного схалтурил, думаю дизайн на бумаге поначалу был ориентировочным, то кушать макеты-эскизы продуктов (ибо в четкое попадание камеры верится с трудом), позже в фотошопе сделали дизайн, какой показан в конце, ну-ка а позже сняли будто он срисовал дизайн уже с имеющегося веб-сайта и при монтаже поменяли местами, выкинув 1-ый вариант нарисованный на бумаге.
OOOJohnJ 5 years ago
Смотрел практически покадрово, однако не сообразил, будто мгновенно появилась фигура наверху веб-сайта на 0:47. Ознакомьте, кто знает, изволь.
SereJa T 5 years ago
спс) за ответ
STGdesign 5 years ago
Что здесь произнести. Все дизайнеры тогда, видимо, мортышки. И все люд, естественно, по умолчанию могут этак отрисовывать в PS. А программеры и верстальщики, естественно, боги - лишь они могут воскресить картину, сделанную дизайнером. и никому не желают выдавать секрет. Ведут затворническую существование. Тем не наименее, веб-сайт работает, картина была оживлена (ссылка в описании к видео).
STGdesign 5 years ago
960 в ширину, ну-ка а длина варьируется, приблизительно 1500
Seikased 5 years ago
Дня три, если по часа два-три уделять этому. На самом деле творение дизайна не такая уж и непростая задачка. Сложнее уже заполнить веб-сайт и движок написать, если такой нужен.
SereJa T 5 years ago
какие размеры веб-сайта ( ?px? ) вы использовали ?
STGdesign 5 years ago
Jet7162, рада, что люд занимаются самообразованием. Мы работаем в этом направлении и, надеюсь, в ближнем будущем порадуем вас еще и видеоуроками.
STGdesign 5 years ago
Спасибо за визит ) Photoshop CS4
Бабайка Николаевич 5 years ago
Автор, мольба сейчас показать все это в slow motion :)
Timofey Belaev 5 years ago
А на какой программке делали?
Владимир Громов 5 years ago
уместно, можно половину итого прибрать и веб-сайт станет легче, понятнее и привлекательнее. Напр., нафиг не свалились набившие уже оскомину прямоугольники с закругл. углами, и этак дальше.
Владимир Громов 5 years ago
Ой, пацаны, будто дизайнер дизайнеру, лукавить-то не нуно. Готов поспорить, что карандашный рисунок изготовлен уже ПОСЛЕ сотворения дизайна этого веб-сайта, а этак неинтересно! По многим причинам сходу вижу, что вы поменяли причину и следствие. Почему это этак резко приметно - пишите, отвечу :)
Саня Санёк 5 years ago
блин. желаю тоже этак отрисовывать!
STGdesign 5 years ago
Карандашная отрисовка - это самая 1-ая стадия работы с проектом, делается в большей степени для себя ))) С заказчиком в большинстве случаев мы поначалу утверждаем структуру веб-сайта. Например, при помощи системы управления проектами Azalo. Затем приступаем к созданию главной странички в Photoshop, потом ее утверждения делаются внутренние.
Artyom B. 5 years ago
Вопрос создателям: вы заказчику показываете веб-сайт уже потом отрисовки в фотошопе? либо он утверждет карандашный набросок?
Алексей Баглай 5 years ago
Взять и перетащить! ) Берем твердые, прямые, руки, текстовый редактор (Notepad++ либо Geany ну-ка либо кому что по душе, хоть обыденный блокнот), граф редактор (90% это Photoshop), комплект из современных браузеров. И. верстаем ) Поищите на ютубе много видео по переносу из PSD в HTML
Frank Black 5 years ago
И вам не болеть, почетаемая. ))
artivenom 5 years ago
Повидимому, у вас обострённая конфигурация психоза потом долгого общения на форумах и, будто одно из следствий, - невнимательность, галюцинации и открытый бредогенератор. Расслабьтесь, выпейте чего-нибудь и обратитесь к спецу.
Frank Black 5 years ago
Так вы бы сходу произнесли, что вы женщина, я бы и внимания не направлял. При том истеричная ведь. Сама основы сыпать пафосом, сама сфейлилась на вопросах по теме, сама обвинила в этом других, сама же обидевшись уверила себя что она Д'артаньян, сама себя этим и успокоила. Ну, приемлимо чего уж там. Я все произнес. С вами почетаемая все ясно. Откланиваюсь, ибо гласить более не о чем. Сильно не пыжтесь, может этак случится ведь, что другой создатель вам на один-два растолкует от чего в хлебе дырки. Удачи.
artivenom 5 years ago
У меня тоже противный противный проблема: Сам тут кто, чтоб я первому встречному бежал свои работы демонстрировать и обосновывать что-то? Я скажу кто - выпендрыш. Других инкриминировать в том, чего сам толком не знаешь мастак, а будто собственный код показать, этак сходу - не тронь. Что этак, а? Ладно, а то внезапно выяснилось бы, чего забавного. А хвост уже распустил, пафоса-то, пафоса. Вынь, конечно положь ему. Прямо этак вытащил, конечно и сверху положил.
Frank Black 5 years ago
Я препираться не буду, это некстати и не в формате Ютуба. Был определенный момент, что одни про пользуются Корелом, другие. нубы юзают Фотошоп. Я задумывался вы про и сможете показать работы, изготовленные в Кореле, чтобы рассеять все сомненья. Оказалось дудки. Что еще необходимо, чтобы осознать что вы болтун? Мне ничего. Еще один повторю для тех кто в броне, препираться не буду. Автор видео показал свои умения всем, вы же лишь на словах. А код. А вы простите кто? Это не я утверждаю здесь про нубство.
artivenom 5 years ago
вообщем-то мой проблема был об инструментах, а не макете. В высшей степени тупо было бы вам что-или обосновывать. Если разработчик, то покажи образец собственного кода тогда. Я будто девелопер с наслаждением поищу чему бы ещё поучиться.
Frank Black 5 years ago
Хм. Аккаунт друга? Юморок у вас какой-то странноватый. (( Или вы всерьез? О_о А по сущности, я только желал увериться, что человек, этак лихо щеголяющий понятиями профи и самоучка не на пустом это делает. Мне будто программеру вечно любопытно поглядеть на работы профессиональных. Вы оказались не из таких. Оказалось на пустом мелите. Это грустно. Не, ну-ка если не сможете, то и гласить не о чем. И, конечно. верно строчить в роли. Вы ведь вроде будто сами ненавидите неучей. ))
artivenom 5 years ago
а можно узреть свидетельство профессионала либо ссылку на выставку, один вы собираетесь расценивать мои? Вы ведь, я этак понимаю, собираетесь выступать в роле профессионала. А если по-сущности, то ребяческий сад здесь развели. Небось ещё и акк друга какого-нибудь.
Frank Black 5 years ago
Простите, почетаемый профи, а можно где-то узреть ваши работы изготовленные в векторе? Вы ведь я этак понимаю разбираетесь в теме того, о чем гласите упрекая создателя видео.
antishokerrr 5 years ago
Так вот разрабатываешь веб-сайты и даже не подозреваешь будто со стороны это может прекрасно смотреться.
STGdesign 5 years ago
Это дизайн веб-сайта. Следующие этапы - верстка и программирование.
Гуров Валентин 5 years ago
Это не веб-сайт а картина птолучается, этак ?
Гуров Валентин 5 years ago
Только если при помощи MAP разметки) и то фигово будет) даже текст брать и скопировать невозможно будет)
STGdesign 5 years ago
Профессионализм измеряется конечным результатом, а не программками. Так же отмечу, что категорически не люблю флуд лично и в данном случае в частности.
artivenom 5 years ago
Скорость разработки и комфорт конфигураций. Фотошоп вначале был предназначен для обработки изображения, а не его конструирования. И все его фичи - только под это заточены. Просто 80% интернет-дизайнеров с растром лишь и могут трудиться, в то пора, дизайнеры по рекламе и фасадам занимаются конкретно констрированием, а не лишь обработкой. И дизайне веб-сайтов это конкретно конструирование. Но это этак, экскурс. Короче, профи пользуются только векторными редакторами, а самоучки - чем могут
STGdesign 5 years ago
Какое принципное превосходство имеет иллюстратор или корел в разработке веб-сайтов перед старенькым хорошим Photoshop? Или фотошоп стал неактуальным для сотворения веб-сайтов?
artivenom 5 years ago
отчего в растре а не в векторе? Иллюстратор, корел?