Стив Круг - о нем

[web-design]

Десять лет Стив Круг (Steve Krug) писал различные компьютерные учебники, но в 1989 году он решил изменить свою карьеру и поднялся до специалиста по тестированию юзабилити и дизайну интерфейсов. Таким образом он мог изначально исправлять проблему вместо того, чтобы писать учебники о том, как с ними справиться.

С тех пор он исследовал и улучшал интерефейсы для многих заказчиков, включая интерфейсы он-лайновых служб и веб-сайтов. В числе заказчиков были Apple, AOL, Netscape, печально известная Excite@Home, BarnesandNoble.com, Cox Interactive Media, и Circle.com (изначально Interactive Bureau).

Его консалтинговая фирма Advanced Common Sense (“там только я и несколько зеркал”) расположена в Chestnut Hill, MA.

Большую часть своего времени Круг проводит в изучении интересных сайтов и изучении новых видов дизайна, он наблюдает за пользователями и много разговаривает с ними, проводит лекции-занятия по юзабилити, и помогает клиентам решить проблемы с интерфейсами.

Чтобы написать Стиву Кругу, достаточно дёрнуть за эту верёвочку.

Сайт Стива Круга
Источник

Ребят, от себя могу добавить: ЧИТАЙТЕ СТИВА КРУГА!
Книга Стива Круга: Веб-дизайн или 'Не заставляйте меня думать!' продается в книжных, вы много ПОЛЕЗНОГО почерпнете для себя. Не пожалейте, потратьте время, но прочтите ее.
И из этой же серии есть еще 2 достойные книги "Веб-дизайн: книга Дмитрия Кирсанова" и "Веб-дизайн. Книга Якоба Нильсена". Их тоже можно найти в книжных магазинах.

@темы: Интересно, Известные люди, Книги, Статьи

---

Дизайн музыкального сайта

[web-design]

Web-design: Band website template


В этом уроке будет показанно как сделать музыкальный сайт в стиле Grungy.

Рисуем

1. Разработка шаблона сайта
Очевидно, что первое мы должны сделать, это создать новый документ. Автор использовал не большой размер 760х760 px. Вы возможно, захотите использовать больше. Создайте новый слой Ctrl+Shift+N. Далее, что нужно сделать это заполнить фон с довольно темным цветом, автор использовал серо-коричневый. (# 47433a)
2. Добавляем текстуры для фона
Чтобы добавить некоторые текстуры на фон можно использовать некоторые фильтры. Автор начал с применением фильтра Noise с низким значением (Filter> Noise> Noise, на Amount 0,9).
И поставте в поле Distribution параметр Gaussian и ниже Monochromatic.

Далее, скачайте специальные кисти для нашего дизайна и в некоторых углах нанесите тонкие детали. И сделайте прозрачность от 20 до 50% по вашему усмотрению.




Сделайте немного больше полос (не забудьте использовать различные кисти. Не забывайте использовать низкую прозрачность и при каждом рисовании разной кисти не забудьте создавать новые слои. И у вас должно получиться красивый grungy фон.

3. Наводим марафет
Добавьте штамп для будущего сайта. Как добавлять печати см. здесь. После того как сделали штамп и добавили его, снизьте прозрачность до 30% и измените режим слоя на Soft Light.
Наконец объеденим все слои вместе (Layer > Flatten Image).

И сделаем освещение слою (Filter > Render > Lighting Effects) и измените параметры так как показанно на рисунке (автор использовал такие параметры, вы если хотите можете использовать другие параметры).

Должно получиться вот это:

4. Проектирование содержания секции (обязательно!)
Каждый сайт нуждается в содержание раздела, так что давайте сделаем его. Выберите Rounded Rectangle tool и сделайте прямоугольник в середине документа коричневого цвета (#716a5d). И снизьте прозрачность до 40%.
Далее, нажмите правой кнопкой мыши по последнему созданному слою т.е созданному квадрату и в меню выберите Blending Options и поставьте галочки напротив пунктов Outer Glow и Inner Glow. В Outer Glow измените параметры как на скриншоте и в Inner Glow тоже измените как на скриншоте.


Должно получиться вот это:

Далее добавьте маску слоя (Layer > Layer Mask > Reveal All). И при необходимости используйте ластик.

5. Разработка базового текста логотипа
Теперь пришло время дать шаблону жизнь, давайте добавим текст! Для этого скачайте шрифт под названием "4990810". Скачали? Отлично! Теперь собственно добаляем текст, измените размер шрифта на 48pt и измените цвет текста на #c9c4b8. Когда написали снова зайдите в Blending Options и измените параметры Drop Shadow и Gradient Overlay как показанно на скриншотах:


Должно получиться вот это:

Теперь добавим авторские надписи типо Copyright, год, и название сайта. Возьмем например шрифт Tahoma или Arial и напишем снизу точто надо, кстати используйте размер 11pt, а цвет #5c584e так как для нашего фона подойдет цвет именно такой.

Теперь, что еще является обязательным для веб-сайта? Навигация, конечно!
Автор использовал шрифт Cornet. Но можно выбрать свой шрифт на сайте www.dafont.com/ После того как автор написал свой текст навигации (News, Tours, Discography, Biography, Gallery) автор применил следующие стили к слою с текстом:
Drop Shadow
Gradient Overlay


Также автор сделал к каждому слову прозрачность по своему усмотрению. А также он подчеркнул слова.


Ну а теперь добавьте текст и картинки:



Во всём проделанном у нас должно получиться вот это:



Автор: Photoshopstar.com
Перевод: Gred
Источник

@темы: Уроки, Web-дизайн

---

Хорошие намерения, плохие логотипы

[web-design]

Создать логотип, который представляет компанию в правильном виде — это хорошо. Плохо, когда в результате получается немного не тот эффект.





























Источник

@темы: Лого, Интересно

---

Процесс создания логотипа для Fitucci

[web-design]

В этой статье я опишу мой процесс создания дизайна логотипа для Fitucci, рассказывая не только о технической стороне проекта, но и об истории самого логотипа.




Небольшой обзор

Эрик Фитуччи связался со мной после просмотра моего портфолио с дизайнами логотипов. После этого я послал ему форму заказа логотипа. Вот что я понял после прочтения формы…

Эрик хотел, чтобы я сделал редизайн старого логотипа (ниже). Новый логотип должен быть простым, но утонченным, а также отражать проффесионализм, качество, уникальность, роскошь, инновацию, и элегантность.



Новый логотип использовался бы на сайте Fitucci, а также в офисе и на промо-материалах (дизайном которых я занимаюсь в данный момент). Его бизнес направлен на архитекторов и дизайнеров, которые работают над проектами высокого уровня.


Исследование

После того, как я подписал контракт и получил задаток в размере 50%, я начал свое исследование. Это включает в себя исследование его конкурентов, индустрии в целом, а также других логотипов фирм.


Идеи, мысли, и отражение

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

Создавая концепт, некоторые дизайнеры бывают слишком озабочены о графическом стиле и картине в целом, в то время, как другие (включая меня) пытаются вложить более глубокий смысл, или паззл в логотип. Хорошим примеров будет стрелочка в логотипе FedEx.



Такие логотипы, основанные на концепте, впечатляют зрителя. Они также придают уникальности бренду в целом.


Для примера, сравните концептные логотипы с логотипами, основанными на завитушках. Замечаете разницу?

Поэтому мне интересно, заметили ли вы оптическую иллюзию в логотипе Fitucci? Посмотрите на логотип еще раз, прежде чем читать дальше.



Концепт основан на том, что трапеции по бокам могут быть рассмотрены, как двери, или окна (все зависит от интерпретации). Представьте, что вы внутри (или снаружи) и вы смотрите вдаль (или внутрь)… заметили иллюзию?


Законченный логотип

После многочисленных экспериментов, тестов, и настроек, я наконец-то завершил логотип и послал его Эрику.

Я показал только этот концепт, поскольку я был очень уверен в дизайне.

В течение десяти минут я получил ответ от Эрика:

“I LOVE IT!!!”

Вы также можете заметить, что новый логотип Fitucci хорошо смотрится как на черном фоне, так и на белом (ниже).



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



В целом, логотип FITUCCI получился уникальным, запоминающимся, и креативным, который хорошо представляет бизнес Эрика.


Выбор типографики

В качестве типографики, я использовал шрифт Avenir, сделанный Адрианом Фрутигером. Я выбрал этот шрифт из-за его геометричности, которая подчеркивает модернизм и функциональность компании Эрика.

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


Выбор цветов

Черный и белый цвет был выбран из-за его роскошного вида. Небольшие оттенки серого также будут использоваться в промо-материалах.


Пространство

Ниже вы увидите скриншот из Adobe Illustrator. Заметили эти серые линии? Я их использовал, чтобы убедиться, что в логотипе все симметрично и сбалансировано. Я добавил пару желтых линий, чтобы показать вам, что между верхней и нижней секцией одинаковое расстояние.

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



Углы

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



Перевод с сайта: JustCreative
Источник

@темы: Лого

---

Улыбка перед обедом

[web-design]

And it was like пи-пи-пи-пи

Несколько лет назад меня призвали в армию. Я закончил ВУЗ по специальности «инженер-программист» и попал в подразделение АСУ, которое занимается в части ремонтом, учетом техники, администрированием ЛВС и так далее.

Сказали: «Бушь компьютерщиком, у нас таких не хватает». Определили мне место, дали рабочую машинку. Через несколько дней слышу краем уха разговор женщин-военнослужащих, которые занимаются учетом техники:

— Тань, вот этот ПЭВМ «Пив» передали капитану Петрову, отметь у себя журнале.
— Хорошо, отмечаю.

Перебираю все варианты, что за «Пив» такой — то ли есть такая компьютерная фирма, то ли у военных особые разработки с кодовым названием, то ли я вообще отстал от жизни и компьютерного прогресса. Сижу дальше, стесняюсь спросить — вдруг скажут «лох, и еще компутерщиком себя называет».

В итоге ещё через пару умопинаний любопытство берет верх, я подхожу и спрашиваю: «Что это за такое загадочное слово „Пив“?»
Мне отвечают, показывая в журнале строку с наименованием компьютера:

— Как что такое?! Смотри: «ПЭВМ PIV 2000МГц».

Еле сдержался от смеха. Интересуюсь:
— Татьяна Павловна, а как будет тогда называться этот компьютер?
Показываю на строчку «ПЭВМ PIII 800МГц».
— Пи-и-и?

Источник

@темы: Юмор

---

Новости Интернет

[web-design]

Интервью в прямом эфире с Евгением Касперским (Лаборатория Касперского) СЕГОДНЯ


Привет. Сегодня у нас несколько неожиданная, но безусловно приятная новость. Дело в том, что небезызвестный клуб «Бизнес в стиле .RU» при нашей информационной поддержке устраивает интервью с Евгением Касперским — бессменным руководителем всемирно известной группы компаний «Лаборатория Касперского». Интервью, что важно, будет проходить в прямом эфире!

Беседа с Евгением, если все будет тип-топ, состоится уже сегодня, 23 марта, приблизительно в 16:00 по московскому времени. До этого момента мы, как водится, ждем ваших вопросов прямо в комментариях.

Трансляция прямого эфира будет происходить в этом же топике, так что не переключайтесь и следите за обновлениями

Источник

@темы: Новости

---

Тёмный дизайн для шаблона авто-сайта

[web-design]

Ну все, я вернулась, меня можно поздравить с получением диплома))))))) Ну это не в тему, а теперь продолжаем уроки

Car Layout

Рисуем

Приветствую всех. Сегодня будет урок, где я собираюсь сделать стильный автомобильный блог. Хотя, конечно, его можно будет использовать не только для автомобилей, но и для любого вашего контента.

Итак, начнем.

Создайте новый документ 850х830 px с любым цветом фона. Установите (#3b3b3b ) как основной цвет и (#181818 ) как вторичный. Выберите Gradient Tool с настройкой Radial Gradient. Проведите градиент сверху вниз от края до края холста.



Сверху разместите логотип вашего сайта и слоган:



Для слоя с логотипом используйте следующие стили:







Между логотипом и слоганом добавьте небольшую красную линию 1х2 пикселей и примените такие стили слоя:





Выберете Rounder Rectangle Tool с радиусом 10 px. Нарисуйте панель навигации под логотипом.



Добавьте такие стили слоя:







Теперь измените прозрачность слоя с навигацией до 25%. Нажмите и удерживайте Ctrl клавишу. Кликните по иконке слоя с навигатором. Появится выделение вокруг вашей панели. Теперь создайте новый слой над слоем с навигатором (выделение не снимайте). Select – Modify – Contract. Параметр на 6px. Теперь залейте выделение черным.



Скопируйте стили слоя с навигатором и вставьте их на слой с черным прямоугольником (правый клик по слою с навигатором, copy layer style, правый клик по слою с прямоугольником — paste layer style), смените прозрачность слоя с прямоугольником на 100%.



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



Удерживайте клавишу Ctrl и нажмите по иконке слоя с навигатором. Отпустив Ctrl выберите слой с белым прямоугольником. Инвертируйте выделение (shift+ctrl+i) и нажмите клавишу Del. Смените прозрачность слоя до 4%. Ваша панель навигации должна выглядеть примерно так:



Используя те же шаги, что и при создании навигации сделайте большой прямоугольник ниже, под панелью навигации.



Далее дело вашей фантазии. Выберите изображение удовлетворяющее контенту вашего сайта (я взял фото Barabus). Вставьте изображение на новый слой поверх общего шаблона сайта, Ctrl+клик по слою с вашим изображением, Edit – Copy, далее я Ctrl+click по слою с большой рамкой, Edit – Paste into. Таким образом ваше изображение можно будет передвигать внутри поля, но за края выходить оно не будет. Если изображение не подходит под размеры поля измените его.



Добавьте к вставленному изображению следующие стили слоя:





Мы можете добавить еще блоки для контекта.



Для каждого блока информации создайте с помощью Rounder Rectangle Tool боксы черного цвета с обводкой черно-белым градиентом.

Далее добавьте для блоков заголовки. После каждого заголовка на новом слое добавьте небольшую полоску (как между логотипом и слоганом).



Вот и все. Блог готов. Теперь осталось только добавить текст.




Автор-оригинал тут
Перевод: PloCoon
Источник

@темы: Уроки, Web-дизайн

---

Отличные голубые дизайны сайтов

[web-design]

Представляю вам коллекцию дизайнов сайтов, выполненных в голубых тонах. В коллекции находится более 30 ярких и красочных дизайнов.

jamisonbanham.com.au



gist.com




dickiebirds.com




albertlo.com




drsoft.com




mediconmedia.no




podcast-tuneup.com




piryx.com




babeljunior.ro




chicagobears.com




brianwebdesign.com




mountainfilm.co.uk




duplika.com




chrisspooner.com




lighthair.net




creativeleakdesigns.com




zensender.com




thedentalcfo.com




ithemes.com




raleightweets.com




valleycreek.org




carewatchbromley.co.uk




rol.net.mv




paragon-ear.com




facilities.rebelfilms.com.au




georgebutler.com




byronbayschoolies.com.au




branded07.com




2d2.es




gomaroochydoreaccommodation.com.au




presupuestopaginaweb.com




escripsi.todoyoung.com



Источник

@темы: Работы

---

Новости Интернет

[web-design]

Будущий премьер России открыл женский портал
Международный женский день в Рунете ознаменовался, среди прочего, открытием нового женского портала - Starlook.ru. Ресурс, работающий под слоганом "открой в себе звезду", включает тематические сообщества, интернет-телевидение StarLook TV, ленту новостей и так далее.

Предполагается, что Starlook (работающий сейчас в бета-версии) должен стать советчиком женщин касательно вопросов красоты, стиля, успеха и прочих lifestyle-проблем. Социальная составляющая ресурса представляет собой сообщества фотографов, диетологов, стилистов и обычных барышень, желающих получить консультации, поддержку и просто пообщаться. Отметим также, что внутри ресурса есть раздел "Работа", где уже сейчас доступен целый список соответствующих вакансий - предложений сняться в телешоу, поучаствовать в промоакции и так далее.

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

Инвесторами проекта стали "частные лица", которые планируют окупить расходы уже через год, когда суточная аудитория портала достигнет отметки в 40 тысяч посетителей. "Нам кризис не страшен! Девушки, на которых ориентируется наш портал, никогда не перестанут следить за собой даже, потеряв работу! Мы хорошо знаем свою аудиторию и понимаем ее потребности", - утверждает Алена Попова, генеральный директор проекта. Судя по всему сама г-жа Попова как раз из таких: в своем профиле на "Моем круге" она заявляет о таких профессиональных целях: до 2010 года сделать компанию Brainstorm AV лидером new media рынка, создать 8 брендовых new media шоу и сериалов к 2011, а в 2015 стать первой женщиной премьер-министром РФ.

И все-таки можно усомниться, что такой бесстрашный и оптимистичный взгляд в будущее является залогом успеха. По словам создателей, основными источниками дохода нового женского ресурса станут размещение рекламы, платные сервисы и продажа видеопродукции - при этом заявленной целевой аудиторией портала являются барышни в возрасте от 18 до 24 лет, не слишком платежеспособная публика.

Уникальностью проект тоже взять не сможет: отечественных ресурсов, ориентированных на представительниц прекрасного пола, пруд пруди. Ресурсы, с разных сторон раскрывающие celebrity-тематику, также плодятся с повышенной скоростью (правда, некоторые также быстро и умирают).

Источник

"Репортеры без границ" проведут второй День свободы слова в Интернете

Международная организация "Репортеры без границ" решила устроить так называемый "День свободы слова в Интернете", сообщает РИА Новости. Организаторы акции собираются привлечь внимание общественности к тому, что в ряде стран мира действует жесткая сетевая цензура. "День свободы слова в Интернете" пройдет 12 марта 2009 года.
В чем именно будет заключаться акция "Репортеров без границ", пока не ясно. В прошлом году представители организации призывали пользователей Сети посетить свой сайт, публиковать сообщения против цензуры. Почему, по мнению "Репортеров без границ", для выражения мнения о цензуре интернетчикам нужен отдельный день, не уточняется.

Отметим, что "Репортеры без границ" ежегодно публикуют собственный список "врагов" Сети. В нем фигурируют, в частности, Белоруссия и Туркмения. Вероятно, обновленная версия списка "врагов Интернета" будет опубликована именно в "День свободы слова", то есть 12 марта 2009 года.

Охотники за брендами
Аналитики изучили похитителей торговых марок


Число мошенничеств и других действий, связанных с незаконным использованием чужих торговых марок, активно растет. Об этом говорится в ежеквартальном исследовании Brandjacking Index, подготовленном компанией MarkMonitor.

Специалисты MarkMonitor составляют индекс, отслеживая тридцать самых популярных брендов по авторитетному рейтингу Best Global Brands, ежегодно обновляемому корпорацией Interbrand. Охотников за брендами в MarkMonitor называют brandjackers. По-русски этому слову могли бы соответствовать "брендюги" - от "бренд" и "ворюги".

Самым распространенным типом использования чужих брендов является киберсквоттинг. Только в четвертом квартале 2008 года аналитики зафиксировали 450 тысяч случаев регистрации и захвата доменов, связанных с существующими торговыми марками. Всего за год число случаев киберсквоттинга выросло на 18 процентов.

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

Захват домена - необходимое условия для дальнейшей эксплуатации чужого бренда. Все чаще мошенники сочетают сразу несколько методов использования торговых марок.

Например, на ресурсе может быть размещен интернет-магазин, торгующий не связанными с брендом товарами, а также опубликованы материалы для взрослых, привлекающие большой трафик. Число магазинов, открытых "брендюгами", растет быстрее всего, в 2008 году их стало на 46 процентов больше.


Рыба-фиш
Отдельным сегментом нелегального использования брендов является фишинг - выдача своего сайта за сайт известной компании с целью сбора финансовых данных или заражения компьютеров пользователей вредоносными программами. По данным MarkMonitor, в 2008 году список обычных жертв фишинга пополнился еще 444 организациями.

На США приходится 36 процентов фишинговых сайтов. Вторую строчку делят между собой Россия, Южная Корея и Франция, каждая с шестью процентами сайтов. Третье место принадлежит Германии, предоставляющей хостинг четырем процентам таких ресурсов.

Фишеры особенно активизировались в третьем квартале 2008 года. На это время, соответствующее началу кризиса, пришелся пик фишинговых атак, связанных с финансовыми организациями. Всего во второй половине прошлого года таких атак было в полтора раза больше, чем в первой. Если же взять платежные системы, то там число атак выросло на 122 процента.

Во второй половине года активность фишеров сильно упала в отношении брендов розничных сетей (83 процента) и аукционов (67 процентов).

Чаще всего охотников за брендами интересуют торговые марки из медиасферы - аналитики в четвертом квартале 2008 года насчитали почти 44 тысячи связанных с ними инцидентов. На втором месте автопроизводители с 29 тысячами случаев. На третьей строчке производители бытовой электроники - свыше 15 тысяч.


Где живет фазан
Большинство "брендюг" действует в США - на Соединенные Штаты приходится 68 процентов мошеннических сайтов, использующих чужие бренды. Для сравнения, на Германию приходится девять процентов, а на Великобританию - лишь четыре. Если брать крупнейшие 15 стран - хостеров нелегальных сайтов, то на англоговорящие страны придется 80 процентов таких ресурсов.

Кстати говоря, именно 80 процентов сайтов, существовавших в 2007 году, благополучно пережили 2008 год и не закрылись. "Брендюги" часто остаются безнаказанными.

Источник

@темы: Новости

---

Андрей Савицкий: 'У меня не бывает творческих кризисов'

[web-design]

Андрею Савицкий, один из лучших белорусских профессионалов. Его "лучистый" стиль привлекает гармоничностью и тонким ощущением пространства веб-страницы (www.hhtp.org). Сейчас Андрей Савицкий - ведущий дизайнер студии Pixelhead.

– Андрей, как ты находишь белорусский веб-дизайн?

– В Беларусии до сих пор не было школы веб-дизайна. У талантливых самоучек получается делать что-то хорошее, но многим необходимо академическое обучение. Кроме того нет взаимодействия внутри дизайнерского цеха. Профессиональное общение предполагает обмен опытом. А общение на белорусских форумах сводится к представлению собственных работ, обмену ссылками и впечатлениями. А этого мало. Во всем мире существует практика work-shop - когда приглашаются известные дизайнеры и в течение нескольких дней проводят семинары для студентов. Дизайн не должен отставать от технологического развития, ведь любое новое изобретение нуждается в дизайнерском оформлении. Это странно, что за десять лет существования технологии в Беларуси не появилось профессиональных веб-дизайнеров. Вся надежда на следующее поколение выпускников Академии, ЕГУ, для него мы сейчас все же создаем определенную творческую школу, ориентиры, точки отсчета.

– Ты бы хотел уехать?

– Зачем ехать куда-то - от себя не убежишь. Здесь тебе дано все для того, чтобы жить. На Западе совершенно другие законы. Ты должен привнести туда какой-то свой мир, но ты пока не построил его здесь, где родился. Я бы с удовольствием поехал поработать. Как турист мне путешествовать не интересно (Это как Интернет - ты не видишь реальность.) Мне нравится сотрудничать с людьми за границей, не навязываясь, а потому что объединяют какие-то интересы.

– Какими качествами должен обладать веб-дизайнер?

– Нечеловеческое терпение и усидчивость, чтобы иметь силы удерживать себя перед компьютером целыми днями, а после этого еще читать в Интернете новости и общаться на форумах. Если серьезно, дизайнеру нужны, как ни странно звучит, всего лишь профессиональные знания. Интернет - это только среда, на которую проецируются эти знания. В любой области существует эволюция, ты не можешь стать дизайнером, разгадав принципы веб-конструирования. Дизайн-метод, формировался не в сети. Любой дизайнер должен быть хорошо обучаемым, адаптируемым. Потому что условия могут поменяться: вместо скроллинга и последовательного развертывания страниц появится трехмерное пространство. И, если сейчас дизайнер имеет проблемы с 2-х мерным пространством веба, то через несколько лет он будет испытывать такие же трудности в условиях новой n-мерной среды.

– Чувствуешь ли ты недостаток в каких-либо знаниях и навыках?

– Нет. Человек либо экспериментирует, накапливает знания, либо уже реализует приобретенное. Я нахожусь на том этапе, когда схема четко выработана, и хорошо представляю себе взаимоотношения объектов и то, как работают все связи. Можно предугадать любую ситуацию, и предложить решение. Для меня не существует проблем, которые нельзя преодолеть на профессиональном уровне: среда хорошо известна, а сейчас не прогнозируется никаких качественных изменений, все основано на знании инструмента. Появился Flash, я выучил его и использую. Появится какая-то другая технология, я стану применять ее, основываясь на общих принципах дизайна и используя ту же методологию в работе с материалом.

– Ты интересуешься медиа-искусством и не раз принимал участие в международных фестивалях. Что дает общение с медиа-художниками?

– Понимание процессов, которые происходят в мире, в технологии. Конечно, это вдохновляет. Я работаю в этом направлении, медиа-арт привлекает меня, как новая развивающаяся среда, и я стремлюсь быть адекватным.

– Что тебе больше всего нравится в твоей работе?

– Ощущение достижимого совершенства, приближение к чувству гармонии. Работая с новым материалом, ты его обрабатываешь, изменяешь, трансформируешь, интерпретируешь и находишь для него совершенно новую форму, получается совершенно новый, гармоничный продукт, получается система, где все учтено, все работает, как часовой механизм.

– Бывает, что через какое-то время сделанная работа перестает нравиться?

– Нет. Такое ощущение присутствует только в самом начале, когда ты изучаешь, какие движения можешь сделать, какую пластику применить к этому материалу. На первом этапе ведется исследование материала, но окончательное решение о том каким будет дизайн принимается уже осознанно, и если это показывается заказчику, ты должен нести полную ответственность за проделанную работу. Условия отлаженного коммерческого процесса не сравнимы с искусством, где ты полностью свободен и делаешь только то, что тебе нравится. Поэтому я не могу сказать, что созданная модель - это отражение меня как личности, но я несу ответственность за то, чтобы все было сделано хорошо. Мне нравится осознавать, что работа соответствует маркетинговым целям заказчика.

– Бывают ли конфликты при работе с заказчиком? Как они решаются?

– Я не припомню ни одного конфликта. Все решаемо. Все - вопрос коммуникации. Важно пытаться понять друг друга, удостовериться, общаетесь ли вы на разных языках с заказчиком, или говорите на одном языке, но о разных вещах. Если заказчик предлагает что-то, что противоречит законам графической дисциплины, то это не может быть конфликтом, это лишь вопрос убедительности твоего опыта, все можно объяснить. Иногда заказчик предоставляет неполную информацию и нужно додумать, предугадать, спрогнозировать. Даже в этом случае я делаю эскиз законченным в какой-то мере. Потому что вне зависимости от того, насколько тщательно он прорисован, это служит темой для разговора и помогает нам перейти к обсуждению более детальных вещей, которые еще не ясны обоим сторонам.

– Любимая работа

– Интервью с Сmart. Работа небольшая, поэтому была сделана налегке. И даже когда Антон Грекович попросил меня кое-что поправить, я сказал: нет, это невозможно, потому что это магия. Получилось почти как в фотографии - фиксация ощущения.

– Интернет - это зло или добро?

– Интернет - это провокация. Появление новой среды, которая провоцирует на правильное ее понимание. Интернет для меня, думаю и для социума в целом - это испытание, я учусь правильно к нему относиться. То есть как к средству информации. А другое отношение приводит к тому, что происходит на форумах os.by, tut.by и других: ни одна тема не раскрывается и не доводится до логического завершения, никто не получает ни одного четкого ответа - все это ментальные и вербальные игры, и больше ничего. Единственная польза такого общения - люди приобретают опыт существования в Интернете. Но они не могут перенести его в реальность.

Я пытаюсь понять, как правильно относиться к явлению, которое может поглотить тебя полностью, чтобы при этом остаться человеком, сохранить в себе личность. Интернет-community для меня закрытая бесперспективная тема. Отсюда мое увлечение более реальными вещами, например музыкой, видео: я думаю, лучше бы открывали побольше клубов с v-джеями, чтобы люди могли вечером прийти и посмотреть шоу. Тяга к живому общению связана со стремлением избавиться от поглощения виртуальным пространством.

Беседовала Алиса Бизяева

автор: Алиса Бизяева и газета 'Человек&Internet'
Источник

@темы: Интересно, Известные люди, Профи

---

Шаблон сайта «Art Institute»

[web-design]

The Art Institute Photoshop Template

В этом уроке я расскажу, как сделать вот такой шаблон сайта.

Рисуем

1. Для начала создаем новый документ. Я выбрал размер 1404x1300 px.



2. Используя инструмент Rectangle Tool (U) создайте прямоугольник и залейте его цветом #161f24. Не заполняйте этим цветом весь документ, верхнюю часть оставьте.



3. Снова выбираем Rectangle Tool (U), создаем выделение в той области, которую оставили пустой во втором пункте, и закрашиваем его цветом #161e23, различие между двумя этими цветами небольшое, но все же заметное.



4. Снова создаем выделение при помощи Rectangle Tool (U), на этот раз внизу документа, закрашиваем цветом #0f1619, в этой области будет расположен текст об авторских правах.



5. Сначала будем работать с нижней частью. Чтобы было лучше видно, увеличиваем масштаб изображения. Затем выделяем нижнюю область и создаем новый слой. Выбираем инструмент Gradient Tool (G) и создаем линейный градиент от черного к прозрачному. На новом слое создаем объекту тень.




6. Затем, используя инструмент Line Tool (U) вдоль края нижней части рисуем белую линию шириной 1 px. Понижаем Opacity до 10%.




7. Я использую шрифт Helvetica Neue (Light) для написания текста, его Opacity понижаем до 50%.



8. Теперь займемся верхней частью. Создаем новый слой и загружаем выделение верхней части. Как и пятом пункте используем Gradient Tool (G) и создаем тень.




9. Сделайте выделение, как на изображении ниже. Снова с помощью Gradient Tool (G) создаем градиент, только на этот раз от белого к прозрачному и понижаем Opacity до 30%.





10. С помощью Eraser Tool (E) стираем края градиента, сделанного в предыдущем пункте.



11. Выбираем Line Tool (U) и цветом #de0000 рисуем линию толщиной 1 px, она должна проходить точно по краю верхней области.



12. С линией нужно сделать то же, что и с градиентом в десятом пункте, но для начала ее необходимо растрировать.



13. Затем создадим на линии небольшие световые вспышки. Для этого создаем новый слой и с помощью Elliptical Marquee Tool (M) создаем выделение как на изображении ниже.



14. Заполняем овал таким же цветом, который использовали для линии и затем идем в меню Filter - Blur - Gaussian Blur и устанавливаем радиус размытия равным 4.1.




15. С помощью Ctrl + T немного трансформируем полученную фигуру.




16. После этого меняем Blending Options на Lighten и дублируем этот слой еще три раза. Изменяем прозрачность и расположение копий, чтобы сделать их разными.



17. Пришло время делать кнопки. Создаем новую группу и называем ее buttons. Чтобы сделать кнопки будем использовать Rounded Rectangle Tool (U) с радиусом 5 px, цвет #bb0101.
Рисуем фигуру, как на изображении ниже, для удобства увеличиваем масштаб.



18. Используя тот же инструмент необходимо отсечь часть формы, удерживая клавишу Alt.



19. Устанавливаем следующие параметры Blending Options.




20. Затем добавляем текст. Я использовал шрифт Arial.



21. Теперь придадим кнопкам большей стилистики 2.0. Создаем новый слой выше слоя с текстом Home и загрузим выделение.



22. Используя Gradient Tool (G) создайте градиент от белого к прозрачному.



23. Не снимая выделения идем в меню Filter - Blur - Gaussian Blur и устанавливаем радиус размытия равным 3.0.



24. Немного преобразуем полученный блеск и понизим Opacity до 40%.




25. Используя Elliptical Marquee Tool (M) создаем выделение.



26. Создаем новый слой и заливаем выделение белым цветом.



27. Выделяем саму кнопку и нажимаем Ctrl + Shift + I, чтобы удалить ненужные края.



28. Затем понижаем Opacity до 10%.



29. Выбираем инструмент Line Tool (U) шириной 2 px и рисуем линию, как на изображении ниже.



30. Затем с помощью Eraser Tool (E) немного стираем левый и правый края. Для этого слой нужно растрировать, просто кликнем Eraser Tool (E) в любом месте изображения.



31. Идем в Blending Options и устанавливаем следующие параметры.



32. Далее я увеличил количество кнопок до пяти и изменил цвет некоторых: текста на черный, а фона на #69747b.



33. Теперь дублируем все кнопки для того, чтобы сделать отражение (дублируем только кнопки, без свечения, возданного в двадцать девятом пункте). Трансформируем их.



34. У серых дублированных кнопок удаляем текст.



35. Далее стираем часть кнопок, чтобы сделать их более похожими на отражение и понижаем Opacity до 60 %.



36. Создаем выделение с помощью Rectangular Marquee Tool (M) и создаем новый слой выше слоя с отражением, который сделали только что. Выбираем Gradient Tool - Radial Gradient, красный цвет (тот же, что использовался для линии), создаем градиент и меняем режим смешивания на Soft Light.




37. Теперь просто дублируем слой, который создали в предыдущем шаге и передвигаем его.



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





39. Теперь, когда мы закончили с кнопками, приступим к созданию основного шаблона. Выбираем инструмент Rounded Rectangle Tool (U), радиус 5px, и создаем выделение, которое закрашиваем цветом #d40101.



40. Удерживая Ctrl при помощи Elliptical Marquee Tool отсекаем часть изображения.




41. Не снимая выделения создаем новый слой и создаем на нем градиент от черного к прозрачному, Opacity понижаем до 33%.





42. Повторяем предыдущий шаг, только на этот раз в другом месте.




43. Создаем выделение и добавляем с помощью Gradient Tool (G) немного черного.




44. Добавляем некоторый текст. Я использовал шрифт Helvetica Neue, тот же что и для кнопок.



45. Далее используя Rounded Rectangle Tool (U), цвет #161f24, создаем форму, как на изображении ниже. Пишем там текст.



46. Добавляем больше содержимого в наш шаблон. Я сделал простой логотип, используя шрифт Harrington, а так же два блока для ввода данных. Чтобы все элементы были выровнены относительно друг друга, я использовал координатную сетку (Ctrl + R), скрыть или показать линии можно с помощью Ctrl + H.



Я надеюсь, что показал вам, как несколькими несложными действиями сделать простой, приятный дизайн сайта. Продолжайте эксперименты и совмещайте знания, полученные в этом уроке, со своими собственными!




Автор: Tutzor
Перевод: Alta Vista
Источник

@темы: Уроки, Web-дизайн

---

[Columb]

Помогите, пожалуйста, сделать сайт. Куплен домен, куплен шаблон сайта у Template Monster, нужно его немного подправить и залить на бесплатный хостинг (любой подходящий, на ваш взгляд). Работа, конечно, оплачивается. Пожалуйста, уже больше месяца не могу с этой проблемой справиться, одни только обещания от людей, а потом все пропадают, народу деньги не нужны, что ли, да что ж такое?!

@темы: Заказ, Работа

---

С 8 марта, милые леди!

[web-design]

Для женщины в жизни немногое надо:
Чтоб в сумочке были духи и помада,
Брасматик и тени, чтоб взгляд был разящий,
На пальце в кольце бриллиант настоящий.
Нарядов немного? Зачем задаваться?
Чтоб за год не больше трех раз повторяться.
Чтоб кофе в постель с круасаном хрустящим
Любви как в кино, только чтоб настоящей.
Работать чтоб с часу, ведь утром так спиться,
А в два по домам, чтоб по ходу скупиться.
Ведь шопинг у женщин полезен безмерно
Системе центральной, моментами нервной.
В квартире достаток, под цвет глаз машина?
Но главное умный, достойный мужчина.
Который подарит помаду и тени,
Кольцо с бриллиантом, привстав на колени.
Пригонит машину, обставит квартиру,
В любви фору даст даже Ричарду Гиру.
А если таких еще нету на свете,
То пусть хоть подарит тюльпанов букетик,
А все остальное мужскими руками
Тихонько доделают женщины сами.

С праздником, нас любимых!!!

---

Дизайн сайта для продажи Программы

[web-design]

Рисуем

Создаем новый документ 760 на 770 пикселей с белым цветом фона. Берем инструмент Rounded rectangle радиусом 15 пикслей и рисуем фигуру:


Edit > Transform > Warp(только в Photoshop CS2)


Выбираем Arch и жмем Enter на клавиатуре. Результат:


Поворачиваем фигуру, чтобы получилось тоже самое, что на рисунке:


Дублируем слой, Edit > Transform path> Flip Horizontal. Помещаем копию так, как на рисунке:


Теперь применяем стили слоя:





Результат:


Берем инструмент Rectangle и рисуем прямоугольник:


К черному прямоугольнику применяем стили слоя:




Результат:


Дублируем красные фигуры:


Выделив обе копии жмем CTRL+E(склеиваем слои)


Edit > Transform > Flip Vertical и помещаем так как на рисунке:


Нажимаем на add layer mask


Берем инструмент gradient с такими настройками:


Проводим такую линию:


Можно удалить некоторые части зеркала инструментом Eraser


Еще раз дублируем красные фигуры и помещаем как на рисунке:


Применяем стили слоя:




Добавляем детали:


Пишем текст и мелкие детали:


Берем инструмент Rounded Rectangle радиусом 5 пикселей и рисуем 2 фигуры:


Для них добавляем такие стили слоя:



Результат:


Слева можно добавить навигационное меню:


Чтобы нарисовать облака вам понадобится комплект кистей Brush #5 –Clouds который можно скачать тут. Рисуем облака на новом слое


Справа можно нарисовать ценовую бирку, используем для этого инструмент Pen


Применяем стили слоя:





Результат:


Инструментом Rectangle рисуем прямоугольник:


Инструментом ellipse рисуем два круга:


Теперь рисуем маленький черный кружок на красной фигуре:


Рисуем нить инструментом Brush


Пишем текст


Нарисуем еще одну кнопку инструментом Rounded Rectangle


Нам понадобится еще один блок кистей - Brush #13 - Tech Brushes. Его можно скачать по ссылке наверху. На новом слое рисуем нечто похожее на это:


Наконец добавляем логотип. Вот и все! Финальный результат:


Автор: Talk-Mania
Перевод: Serious St@son
Источник

@темы: Уроки, Web-дизайн

---

Команда WEB студии и роли ее членов

[web-design]

"Кадры решают все."

И.В. Сталин

Начнем с рассмотрения ролей участников команды по разработке веб-сайтов.

Руководитель проекта
Принимает решения, осуществляет координацию действий, производит разбор "полетов". Утверждает техническое задание, сроки и бюджет проекта. Руководитель - главный человек в команде, ответственность за срыв сроков или провал проекта ложится на него.
Аналитик
Определяет, что нужно заказчику и что должно быть сделано. Осуществляет предпостановку задачи. Как правило, эти функции ложатся на руководителя проекта или менеджера по рекламе и маркетингу.
Проектировщик
Проектирование информационной системы: структуры сайта, структуры базы данных, CGI-программ и их взаимодействий. Составляет полное техническое задание. В команде разработчиков веб-сайтов отдельной должности таковой тоже нет. Функции проектировщика выполняет руководитель или программист. Причина, как уже было сказано, в сильно ограниченных ресурсах.
Программист
На основании технического задания и проектной документации выполняет кодирование CGI-программ. Практика показывает, что брать на эту должность лучше всего высококвалифицированного программиста, на которого можно возложить частично функции проектирования информационной системы. На непосредственное кодирование уходит в два раза меньше времени, чем на проектирование, поэтому держать неопытного кодера просто нецелесообразно. Проектировщик имеет огромный опыт кодирования, тем самым код будет более правильным и надежным. Итак, лучше заплатить побольше проектировщику системы за кодирование, чем пытаться нанять более дешевую и менее квалифицированную рабочую силу для кодирования.
Верстальщик
Верстает сайт. Обязан знать HTML, CSS, Javasсript, а также владеть какой-либо программой для выполнения примитивных действий с графикой, например: сконвертировать картинку в другой формат, порезать, смасштабировать, повернуть, растянуть и т.п.. Обычно в качестве такой программы используется PhotoShop. Верстальщиков в больших проектах обычно двое. Первый - профессионал, выполняет верстку главной страницы, а также делает шаблон для второстепенной. Второй верстальщик, менее квалифицированный, выполняет рутинную работу по конвертации текста из Word'а в HTML.
Художник/Дизайнер
Создает внешний вид сайта. Всегда плачется, что его работа самая сложная, что вдохновение бывает придет, а бывает и нет, что у программистов все понятно, хотя сам он программировать не умеет. Особо сложный вопрос представляет оценка труда художника, как в количественном отношении, в виде оплаты труда, так и в качественном. Отдельно хочется сказать про резюме, которые нам присылают. Девяносто с лишним процентов соискателей, овладев FronPage полагают, что они дизайнеры, и платить им надо не меньше 200уе за одну работу. Художник должен уметь рисовать, профессионально владеть пакетами для создания и обработки графики: Adobe PhotoShop, 3D Studio, Flash(без программирования).
Тестер
Ищет ошибки и недочеты, его задача найти их как можно больше. Очень важно, чтобы это был независимый человек. Очень нежелательно возлагать эти функции на кого-либо из членов команды.
Редактор
Подготовка текстов для публикации в сети. Часто тексты предоставляются заказчиком и публикуются как есть, без каких-либо изменений, т.к. заказчик не готов оплачивать работу профессионального редактора.

Итак, если подытожить сказанное, то минимальное количество участников команды - четыре человека: руководитель проекта, программист, верстальщик и художник-дизайнер. Такая команда может создавать хорошие сайты по материалам заказчика. Дальнейшее уменьшение участников проекта возможно, но ведет к резкой потере качества конечного продукта. Функции верстальщика можно возложить на руководителя, программиста или художника-дизайнера, но опыт показывает, что ни профессиональный художник, ни квалифицированный программист, ни опытный руководитель не окажутся в восторге от таких функций, им просто неинтересна эта работа.

По поводу совмещения должности руководителя проекта и участия в проекте в качестве непосредственного исполнения хочется сказать отдельно. Этого категорически не стоит допускать! Так или иначе заказчик будет общаться с непосредственными исполнителями. При утверждении дизайна будет присутствовать художник-дизайнер. При приемке информационной системы будет присутствовать программист. Соответственно, при просмотре страниц сайта - верстальщик. Руководитель, исполняющий обязанности кого-либо еще, во-первых, потеряет вес в глазах заказчика.

Заказчик стоит как бы выше всех исполнителей проекта и может высказывать им свои замечания и пожелания, но с руководителем проекта заказчик на одном уровне. Поэтому решение спорных вопросов будет осложнено, а это означает, что увеличиваются шансы на провал проекта или срыв календарного плана. Во-вторых, такой руководитель будет отстаивать свою точку зрения рядового исполнителя на более высоком уровне. Не будет разделения труда.

Допустим руководитель проекта по совместительству программист или художник. Заказчику что-то не понравилось, он выдвинул какие-то требования или замечания. Программисты часто втирают очки, что выполнить требования либо вообще не представляется возможным, либо это требует огромных трудозатрат. Тоже самое и в отношении художника, когда ему лень что-то переделывать, или же он просто смотрит на свою работу через малиновые очки и не видит объективных недостатков.

Если руководитель - человек независимый, то он встанет на сторону заказчика и попытается урегулировать разногласия, стремясь повысить качество продукта. Если же он сам исполнитель, то он будет положительно оценивать свою работу, даже если и согласится что-либо переделать, то внутри себя будет по-прежнему считать, что прав. Тем самым, опять шансы на провал проекта возрастают.


Источник: Сайтостроительство (Игорь Тарасов)
Взято

@темы: Статьи

---

Сайт-портфолио для фотографа

[web-design]

Photography portfolio

"Потрясающий дизайн для сайта-портфолио фотографа со множеством информационных блоков и привлекательным видом"
Окончательный результат:

Рисуем

Создаем новый файл(File>New) с размерами 800x800 px. Выберите Paint Bucket Tool (G), установите следующий цвет: #111111, затем залейте Ваш холст.



Используем Rounded Rectangle Tool (U) с радиусом 7px для создания кнопок меню, расположенного в заголовке. Это будет главный слой.



Blending Options(2 раза нажмите по иконке слоя)>Gradient Overlay



Параметры градиента:



Blending Options>Stroke







Используя тот же инструмент(Rounded Rectangle Tool) создаем блик на кнопке. Для этого создаем еще один прямоугольник(на рисунке - верхний), затем жмем Subtract from shape area (-) в настройках инструмента и рисуем еще один прямоугольник(на рисунке - нижний). Вот так:



Параметр слоя: Fill 0%
Blending Options>Gradient Overlay



Параметры градиента:





Используя тот же инструмент с тем же радиусом(цвет устанавливаем на белый - #ffffff), рисуем индикатор кнопки, а затем, зажав Alt и выбрав Rectangle Tool (U), удаляем ненужный участок:



Параметр слоя: Fill 20%



Теперь объедим все слои(кроме background) в группу: зажав Ctrl выделяем нужные слои, после жмем правой кнопкой и выбираем Create a new group(или Group into new smart object - видимо, зависит от версии фотошопа huh.gif ). Копируем получившийся слой и изменяем параметры:

1) главный слой: Blending Options>Gradient Overlay



Параметры градиента:



Blending Options>Stroke



2) параметр блика: Fill 0%
Blending Options>Gradient Overlay



Параметры градиента:



3) параметр индикатора кнопки: Fill 10%



Копируем слой 3 раза и размещаем так, как показано на рисунке:



Используем Rounded Rectangle Tool (U) с радиусом 7px для изображения панели с логотипом и функцией поиска:



Параметры слоя: Blending Options>Gradient Overlay





Blending Options>Stroke





Берем Pencil Tool ((1 px), поставив белый цвет, и рисуем иконки для кнопок:







Примечание переводчика: автор, видимо, считает, что вы хорошо владеете карандашом... Но никто не мешает взять иконки, поискав их в гугле!!

Теперь добавим надписей для кнопок:





Параметр слоя(Home page): Blending Options>Stroke



Параметр других слоев (About me, Services, Gallery, Contact me): Blending Options>Stroke





Выбираем Rounded Rectangle Tool (U) (radius 7 px) и рисуем лого. Ненужный участок удаляем с помощью Rectangle Tool (U), зажав Alt:



Параметр слоя: Fill 0%
Blending Options>Gradient Overlay





Blending Options>Stroke





Теперь добавим надпись в логотип:
(PHOTO)



(PORTFOLIO)





Создаем блик для логотипа: Create new layer. Выделяем участок слоя с помощью Rectangular Marquee Tool (M). Выбираем Brush Tool (cool.gif, Opacity of 50% - закрашиваем выделенный участок:







Параметр слоя: Fill 30%



Используем Rounded Rectangle Tool (U) (radius 7 px) для прорисовки функции поиска. Ненужный участок удаляем с помощью Rectangle Tool (U), зажав Alt:



Параметр слоя: Blending Options>Gradient Overlay





Blending Options>Stroke





Теперь создадим кнопки:





Используя Pencil Tool ( B ) (1 px) и цвет #FF9E00, рисуем стрелочки к кнопкам:



Rectangle Tool (U) поможет нам нарисовать поле для текста(цвет #2D2D2D):



Параметр слоя: Blending Options>Stroke





Вставим слово Search в это поле:





Кнопку начала поиска нарисуем с помощью Rounded Rectangle Tool (U) (radius 3 px). Цвет #CC6600:



Параметр слоя: Blending Options>Stroke





Вставим текст:







Теперь выпьем чашечку кофе... Шапка создана!!!

Теперь необходимо создать поле для фотографий из портфолио. Используем Rounded Rectangle Tool (U) (radius 7 px), цвет #111111.



Параметр слоя: Blending Options>Inner Glow



Blending Options>Stroke





Используя тот же инструмент, рисуем еще один слой:



Параметр слоя: Blending Options>Inner Glow



Blending Options>Stroke





Скопируем получившийся слой несколько раз и разместим их на странице:



Выбираем красивые фотографии, добавляем в наш документ, предварительно подогнав под нужные размеры. Помещаем каждую фотку над слоем, где она будет размещаться(это действие выполняется на панели Layers). Зажав Alt, кликаем мышью(левой кнопкой) между слоем с фотографией и слоем, гда она будет располагаться(итак для всех фото):



Используем Rectangle Tool (U) для создания специального блока(цвет - #000000)



параметр слоя: Fill 30%



Вставляем текст в этот блок:





Параметр слоя: Blending Options>Stroke





Используя Rounded Rectangle Tool (U) (radius 7 px), создаем еще один блок(цвет #333333):





Следующий наш шаг: Rounded Rectangle Tool (U) (radius 7 px) - рисуем еще один блок(цвет #939393):



Параметр слоя: Blending Options>Inner Glow



Blending Options>Stroke





Добавим фото для этой панели так, как мы это делали раньше:



Добавим текст:
(WELCOME)



(TO MY WEB SITE)



(выделенный текст)



(обычный текст)





Добавим ссылки:





Создадим новый слой и, используя Pencil Tool (1px), нарисуем стрелки к ссылкам:



Находим в интернете изображение фотоаппарата и вставляем его:



Копируем этот слой с фотоаппаратом и с помощью Free Transform делаем так:



Жмем Q(Edit in Quick Mask Mode), выбираем Gradient Tool (G)(цвет черный) и проводим вертикальную линию от фотоаппарата вниз, жмем еще раз Q и удаляем получившееся выделение. В итоге получаем:



В нижней части сайта расположим меню:





Используя Pencil Tool (1 px)(цвет - белый) рисуем вертикальные линии:





Все!!! Наслаждаемся полученным результатом!!!


Автор: Adobetutorialz
Перевод: Bioshock
Источник

@темы: Уроки, Web-дизайн

---

Причины реддизайна сайта

[web-design]

Основные причины, почему ваш сайт "не работает", и почему ему требуется редизайн.

У Вас есть сайт, но он не приносит дохода, а зачастую и отдачи от вложенных в него денег. Может быть много причин, почему ваш сайт "не работает". Основные из них следующие:

Возможно, ваш сайт изначально не отвечал тем целям, которые вы предъявляли к сайту.
Такое бывает, если разработчики сайта не поинтересовались, какие цели вы ставили перед сайтом. Или поинтересовались, но не предложили других вариантов, чтобы удостовериться, что это действительно так. Ведь для специалиста в другой области, например, руководителя фирмы - специалиста по управлению предприятием - не всегда могут быть ясны все возможности, которые сайт может предоставить, и задачи, которые сайт может решить конкретно для его предприятия. И если бы вам вовремя рассказали об этих возможностях, то ваш сайт изначально мог бы быть другим.

Возможно, вы обратились к "знакомому компьютерщику" для того, чтобы сделать сайт.
Ваш знакомый компьютерщик вполне может быть специалистом в своей области, и даже не в одной. И даже если это будет не один, а несколько хороших ребят - все равно для того, чтобы сделать эффективный сайт, приносящий прибыль - этого мало. Мы ведь не идем лечить зубы к знакомому терапевту или отоларингологу, пусть он даже профессор. Да и к стоматологу не к каждому пойдем. Так и в веб-дизайне, а также в любом другом деле: пользуйтесь только услугами специалистов в своей области.

Возможно, ваш сайт уже устарел морально или технически.
Или и то, и другое вместе. Обычно, это бывает примерно через два года, хотя иногда раньше, а иногда позже. Здесь все зависит от развития технологий и темпов роста и развития вашей фирмы. Фирма развивается, изменяются и цели, стоящие перед сайтом. И появляются другие возможности, которые сайт может решить для вас. Например, фирмам, которые имеют сайт-визитку, уже недостаточно просто представить себя в Интернете. Они хотят представить каталог продукции, занять лидирующие позиции в поисковых системах, хотят использовать современные мультимедийные средства для того, чтобы создать имидж развивающейся фирмы, идущей в ногу со временем. Корпоративные сайты двухлетней давности часто требуют изменения структуры, дизайна, иногда содержания, и практически всегда их нужно сделать удобными для пользователя и добавить функциональных возможностей.

Возможно, ваш сайт и сделан недавно, и соответствует всем вашим целям и требованиям.
Тогда ваш сайт просто не адаптирован под поисковые системы, неправильно зарегистрирован в поисковых системах или не продвигается в поисковых системах. Или продвигается, но не в тех. Или не используются возможности тематических каталогов. Или… Здесь есть еще много специализированных "или", о которых знают только специалисты-профессионалы.
Есть, конечно, счастливчики, работающие в очень узких областях, где все конкуренты помещаются на 3-5 страницах в Google. Но обычно это не так. Интернет - глобальное средство распространения информации. И если в Беларуси у вас может быть 1-3-5-10 основных конкурентов, то в мировых масштабах цифры совсем другие. Если ваш сайт находится дальше 3-5 страницы поисковой машины, пользователь на ваш сайт просто не попадет. И если вы хотите привлечь новых клиентов и выйти на новые рынки, в том числе и зарубежные, вам просто необходимо использовать услуги Интернет-маркетинга и продвигать ваш сайт.

Источник

@темы: Статьи

---

Улыбка за обедом: Биография одного сайта или web-матерная жизнь

[web-design]

Вебмастер:
Ура! Свершилось! Я наконец-то собрался с силами и сделал этот сайт. Все-таки мне каждый день приходится со всяческими программками возиться, так пусть кому-то будет попроще - я напишу что мне понравилось, что нет... А кто-нибудь другой тоже напишет, чтобы мне мучаться не приходилось... А то, блин, эти программеры какие-то странные: распишут про свою прогу, что она, мол, и то делает, и это и еще и вот это, а на поверку выясняется что это творение написано на Барсике после прочтения очередной книжки из серии "Программирование для чайников"... Вот и получается, что пока пол-сотни программ не перепробуешь ничего подходящего и не найдешь...
Юзер1:
Так, а это что такое? Ага, про программки... Это у меня есть, это тоже - действительно неплохая программка, помогла... Стоп! А тут, вроде, версия поновее, счас скачаем... О! А вот это класс, давно искал что-то похожее... Да, неплохой сайтик, надо бы Ваське ссылку кинуть... Кстати, а чего это здесь моей любимой прибамбасины нет? Написать что-ли вебмастеру?...

Юзер2:
Ага, сайтик новый... Пишут, что круто, хе-хе... Счас проверим... Качаем это и это... Ба! А кряк где?! Ну, блин! Вконц офигели!!! Где тут гостевуха?! Так и пишем - сайт г**но, сплошные вирусы!!!

Вебмастер:
Ну что ж, вроде неплохо получается. Народ ходит, ссылки присылает на софтинки интересные... Одна, правда, с трояном оказалась - все-таки правильно я решил писать только о том, что сам попробую. Правда, вот интересно - как я буду пробовать утилиту для расчета трансформаторов?... Я про эти трансформаторы и помню-то только то, что они гудят. А человек пишет, что, мол, прога очень ему помогла и самая удобная в этой области... Ну ладно, запустилась, что-то нарисовала - нехай лежит на сайте, вдруг кому-то пригодится... Тем более, что еще и специальную программку по отслеживанию ухода за лошадями кинули - тоже дам ссылку за компанию...

Юзер1:
Ну ни фига себе! И для лошадей сделали! Класс, вот дочка порадуется - она тут как раз конным спортом увлеклась... А трансформаторы - то нафига?! Ну, интересно, сколько людей хотят рассчитать свой трансформатор?! Блин, напишу вебмастеру, чтобы убрал нафиг эту лабуду! Хотя... Черт его знает, а вдруг он электронщик и прога эта - действительно шедевр?...

Программер1:
Неплохой сайтик. Может, мою программку там пропишут? ОК, пишем: "Здравствуйте! Я тут столкнулся с ситуацией, когда мне требовалось синхронизировать данные между тремя компьютерами, и не найдя ничего подходящего написал свою программу. Посмотрите, пожалуйста, вдруг она еще кому-нибудь пригодится? Скачать ее можно с моей странички..."

Юзер2:
Блин, а трояна моего не поместили... Скоты! Ладно, счас глянем, что тут новенького появилось - и в гостевуху. Пишем: "Вы все козлы!!!"

Программер2:
"Прицепленное файло - это самый лучший браузер, круче Иксплорера!!! Полажите его на свой сайт, потомучто я свой еще ни зделал. Да, в проге не работает кнопка хелп - ноя это исправлю в следущей версии. Пока!"

Вебмастер:
Уф, наконец-то до дома добрался... Все-таки хорошо, что я программы знаю и навскидку могу сказать какую использовать - а то бы еще пару дней мучался, выясняя почему сервер в конторе затыкается... Ладно. Что там у нас в почте?... 237 писем... Ладно, бывало и больше, справимся... Ну ни фига себе! Писем - 200, а мегабайт - целых 11... Хрен с ним, пока качается хоть посплю немного, потом отвечу... Не, лучше сейчас про утилитку написать, которая меня сегодня спасла, потом собаку вывести, на почту поотвечать и спать... Так... Новая версия - ОК, поправим... Битая ссылка... Гм... Куда же этот м**дак переехал... Здесь нет... Здесь тоже... И в поиске пусто... Ладно, удалим ссылку, жалко, блин, хорошая программка... была... У, черт! Еще один придурок выучил как ИЕ контрол на форму поместить... И хоть бы сжал, перед тем как отправлять, так ведь нет... Лучше не буду ему отвечать, а то обидится... "Посоветуйте программу для..." А хрен его знает, написал бы хоть какая операционка... Ну ладно, кину пару ссылок, пусть сам разбирается... "После установки вашей программы мне пришлось переставлять Windows!" Ну что ж поделать, если руки кривые... Я же и в ФАКе про это написал, что, мол, пишу только про то, что у меня заработало и мне понравилось, а вы - если хотите, то скачайте и поставьте, но на свой страх и риск - так ведь все-равно наезжают... "Программа на вашем сайте заражена вирусом!" Какая программа? Каким вирусом? Какой антивирус это определил? Когда базы обновлялись? Странные люди... Ага! Опять контент сперли - описания один-в-один передрали, а копирайтов-то понаставили... Е-мое, уже шесть - через три часа на работу... А я-то еще хотел жене что-нибудь ласковое сказать...

Юзер1:
О, здорово! Синхронизатор появился... Интересно, а работает ли он через LPT-link?... Ух-ты, работает! Надо написать что-нибудь доброе... Да и вебмастеру спасибо сказать...

Юзер2:
Синхронизатор - это хорошо! Блин, а как компы соединить-то... Что, еще и сетевухи покупать?! Нет, чтобы он автоматом новые файлы на CDR писал... Так и напишу вебмастеру, что он придурок и нихрена не понимает. Да еще и кряков не дает... Ладно, а ну-ка я ему в гостевуху впишу alert('Вы все козлы!'); Вот, сволочь, не пропускает... Ну тогда раз 50 вставлю ссылку на свою страничку...

Программер1:
"Спасибо за ваш комментарий и советы - действительно, я не подумал, что часы на компьютерах могут быть немного не точны и допуск в 3-5 секунд мне кажется вполне удобным. В новой версии это учтено. И, кстати, как вы и предлагали я переименовал файл, теперь он называется synchro14.zip, а не setup.exe, как было раньше"...

Программер2:
"Ну долго мне еще ждать твоего ответа?! У меня уже новая версия дозрела... Кстати, я тут вчера ночью еще одну утилитку сделал - ты посмотри и напиши, если что глючить будет..."

Вебмастер:
Так... В очереди уже больше двух сотен программ... Когда ж я их скачаю-то, не только проверю... Угу, скриптик сработал - теперь 404-е ссылки будут автоматом вылавливаться... А вот с отслеживанием новых версий - беда, авторы-то не особо рвутся сообщать... А? Нет, Оль, извини, сегодня я не смогу с ребенком в парк сходить - с работой завал... Да нет, на работе я сегодня все допинал, а вот с сайтом еще возни куча - там же изменения каждый день... А я вот пытаюсь это хоть как-то запрограммировать, чтоб от рутины избавиться, может хоть тогда время появится... Ну, согласен, не приносит пока денег, наоборот даже, но может потом когда-нибудь... Да и на работе мне эти знания сильно помогают... М-да, а с деньгами-то действительно не густо... Хостинг, диал-ап... Опять же, железо на апгрейды нужно, а то куча программ к нему довольно требовательна... Да и самому надо бы что-то получше этой развалюхи... Ладно, что там в почте? М-да, пара десятков спаммеров прорвалась через фильтры - надо будет подправить... Новые версии - ага, сейчас обновим... "Как сделать..." - ну, сделайте, например, вот так, хотя я бы поступил иначе... "Нужен драйвер для адаптера DC-315" - ну вот он, а что, самому было лень марку в Гугле набрать?... "У меня не работает ваша программа!" - это не моя программа, пишите автору... "Спасибо за ваш сайт!" - Очень рад, что вам нравится! Спасибо за ваше письмо - только такие письма и дают силы не бросить всю эту затею к чертовой матери... О! Рекламодатель... "Мы хотели бы разместить баннер на вашем сайте. Напишите, пожалуйста, сколько это будет стоить." А хрен его знает сколько... Ну, скажем, 200 долларов - я компутер проапгрейдю...

Юзер1:
"На вашем сайте, на такой-то странице я заметил, что в описании программы стоит версия 3.1, а уже вышла 3.4. Исправьте, а то жалко - программа-то хорошая. И кстати, подумайте о смене дизайна..."

Юзер2:
"А чиво у тебя так мало прог? И к тому же нету ни кейгенов ни троянов. А это было бы круто! Давай я прешлю описания крутых прог, а ты их на свой сайт выложи. Так же я могу и писать описания к новым прогам которых тебе присылают программисты. Вдвоем мы сделаем сайт круче! Но только мне нужны проги на руском и зарегестрированые"...

Программер1:
"Моя программа уже два месяца стоит в очереди на проверку. Не могли бы вы как-то ускорить это дело?"

Программер2:
"Я написал очень крутую прогу!"

Вебмастер:
Круто! Здорово! Все-таки я молодец! Хорошо, что та халтурка подвернулась - теперь я собрал свой собственный настоящий сервер!!! Это же полный класс - что хочу то и ставлю, скрипты запускаю когда хочу и на сколько хочу, никаких ограничений по их использованию, как на виртуальном хостинге! Ну теперь-то заживем!... И сайт можно будет целиком динамический сделаать, а не генерить статичные ХТМЛки, чтобы процессорное время экономить - процессор-то тоже мой! Жалко, конечно, что рекламодатель куда-то пропал, мне бы эти 200 баксов весьма помогли, ну да ладно... Так. Садимся и плотно занимаемся скриптами - преброска базы из старого формата в новый, он-лайновое добавление и редактирование программ, обработка PADов (гениальное все-таки изобретение!), комментарии пользователей, вывод, статистика, скачивание файлов, тестирование ссылок... М-да, работки недели на две минимум... Нет, Оль, извини - сейчас полный завал, никуда не смогу пойти... И так сутками из-за компутера не вылезаю... Зато со своим-то сервером можно будет представляешь какие штуки делать!...

Юзер1:
"Было бы здорово, если бы вы добавили программы для Unix, pocketPC, раздел с лучшими программами, перенесли статьи и полезные советы обратно, увеличили промежуток между ссылками на разные страницы, добавили раздел утилит для захвата экрана, сделали рассылку с прямыми ссылками на файлы, а не на страницу сайта, сделали уведомления по почте о выходе новых версий определенных программ, рассылку новинок определенных разделов, настраиваемый интерфейс, сортировку по размеру программ и более подробные коментарии к программам, особенно при выходе новых версий. Заранее спасибо!"

Юзер2:
Блин, гостевуху убрали. Ну ладно, зато можно комментарии к прогам оставлять... Счас мы этим авторам покажем... А то совсем охренели - просят по 100, а то и больше рублей за прогу! Проги должны быть бесплатными!!! А вебмастер - козел, еще этих программеров поддерживает... Счас я зарегистрюсь как автор и накидаю ему вирусов...

Программер1:
"Спасибо за ваш сервис. На вашем сайте у меня опубликовано две программы и они пользуются определенным спросом. Но вот некоторое время назад я добавил еще три и они до сих пор не проверены. Можно ли это как-то ускорить?"

Программер2:
... Ну и что, что моя прога уже есть в базе? Я ее еще раз зарегистрирую - вдруг несколько раз опубликуется, тогда и скачивать чаще будут. И, кстати, интересно, если ее зарегистририть раз 15 - быстрее проверят или нет?...

Вебмастер:
Ну, что у нас на сегодня?... Полтораста писем... Это пока я на работе был накапало, хорошо еще, что комментарии к программам и сами программы теперь не шлются... "Ищу программу для..." Ну возьми! Хоть бы поздоровался для приличия... "Ваш совет не работает!" Блин, так я его написал еще несколько лет назад, и работает он под 95-й. А ты его на XP пытаешься... "Можно ли перепечатать вашу статью?" Хорошо, конечно, что спрашивают, но ведь в ФАКе на сайте написано, что можно и без спроса... "программа не качается!" Фигня, качается! Она же у меня на FTP лежит... А, он, наверное, просто ФАК не прочитал... Так и пишем: FAQ! "Я пытался скачать программу, но получил от вашего сервера ответ, что достигнуто максимальное число разрешенных соединений. Но ведь 75 пользователей - это очень мало для такого большого сервера, как ваш! Сделайте больше!" Ага, умник выискался! Будешь оплачивать трафик - сделаю, мне не жалко... Только ведь не будешь... "В программе вирус!" Да нету там вируса, у меня на сервере все автоматично проверяется... Но лучше перестраховаться - качаем и проверяем по новой... Ага, советы по развитию прислали, почитаем... "... сделать больше промежутки..." - разумно, сейчас скриптик подправим... Готово! PocketPC - ага, а на какие шиши я его куплю?... Что, Оль? Ребенку ботинки? Да, конечно надо, купи что-нибудь подходящее. И, слушай, ты бы не могла сегодня выгул собака взять на себя, а то я зашиваюсь... Да я понимаю, что надо отдохнуть, но не получается пока... Тут вот еще статью для журнала заказали... Ладно, что тут у нас дальше? Вот этот скриптик мы чуток подправим, а сюда прикрутим вот такую фичу... Ух ты, как здорово получилось! Аж самому нравится!... ОК, дальнейшую возню со скриптами на завтра отложим, а пока что за программы возьмемся. Что сегодня новенького?... Ой, блин, опять два десятка новинок... И еще тысяча с хвостиком непроверенных... У меня ж модем сдохнет их качая!

Юзер1:
Спасибо за ваш сайт и рассылки, жалко только, что вы мало пишете "зарисовок из жизни" - они у вас хорошо получаются и придают рассылке индивидуальность даже в столь технической области как софт...

Юзер2:
Блин, задолбали вы уже своими "рассказами о зверятах"! Я же на рассылку о софте подписывался, а вы мне о своей собаке пишете. На хрена она мне сдалась?! Я трачу свои деньги получая вашу рассылку и скачивая программы, а вы мало того, что в рассылку рекламы натолкали, так и на сайте начали всякие книжки продавать! С жиру беситесь, вот и не знаете что бы еще такого в рассылку впихнуть!...

Программер1:
Я тут получил письмо от вашего сервера со статистикой скачивания своих программ - спасибо большое, просто здорово! Но он еще добавил. что не может достучаться до одной из моих программ и переводит ее статус в "Unable to access" - вы это исправьте, пожалуйста, просто у провайдера сервер упал, но уже починился...

Программер2:
Немедленно прекратите спамить! Меня уже задолбали письма от вашего сервера с комментариями ваших идиотов-посетителей!

Вебмастер:
Блин, все хреново. Сплошная депрессия. Хочу автомат, чтобы пойти и пристрелить этот долбанный сервер! Будь проклят тот день, когда я сел за баранку этого пылесоса!... Я ему и винтокрыл дополнительный купил, и мозгов до гига добил, и процов у него два, чего же он глючит-то?! Ой, черт... Ну я и м**к! У него ж место в /var-е закончилось... Все своими логами забил, подлюка... Ладно, логи-то старые я прибью, а вот что дальше делать... Нужен новый винт, винт нужен новый, нужен новый винт... А где бы денег раздобыть?... Рекламу никто не покупает... Да и правильно не покупают - нафиг эти баннеры кому нужны - я вон, миллион открутил, а зашло человек триста... Правильно я их со своего сайта убрал... Интересно, а субскрайб.ру со своих баннеров в моей рассылке что-нибудь имеет? Жалко, что я не могу в нее рекламу поставить - уж на рассылку-то я бы рекламных давателей, наверное, нашел... Хотя... Черт его знает... Но денег-то надо... Зарплата уйдет на отдачу долгов, а винт-то нужен... И кушать хочется... Ладно, что там у нас на торговле книжками набежало? Ух-ты, полтораста баксов. Ладно, куплю какой-нибудь винтик, а на остатки - еды. А дальше видно будет - накропаю статеек пять для толстых журналов вот и дотяну до зарплаты... Нет, Оленька, извини, я не смогу поехать с вами...

Юзер1:
Спасибо за ваш сайт! Есть несколько идей: пусть ваш дизайнер сделает несколько вариантов оформления сайта, чтобы пользователи могли настраивать внешний вид под свои вкусы. И предложите вашим программистам сделать систему рассылки новостей при которой подписчик сможет выбирать только отдельные разделы сайта или даже отдельные программы в которых он заинтересован.

Юзер2:
А че, софтовые сайты нехило живут! Народу куча, бабок за рекламу снимают немерянно... Я тоже свой сайт заведу. Счас скриптик сделаем, чтобы утянуть описания, ссылки оставим на ихний ФТП - чего мне за лишний трафик платить - добавим еще кряов, проги с других сайтов... Делов-то на пару дней...

Программер1:
Вы написали, что при тестировании программа не работает, но это из-за вашей карточки, Revolution9 некорректно обрабатывает некоторые функции. Вы попробуйте поставить, например, Риву...

Программер2:
Да пошел ты на фиг! Прогу я сам написал, а интерфейс сделал похожим на конкурента для того, чтобы пользователям проще было. И иконки оттуда вытащил для того же!

Вебмастер:
... уф, хватит программ на сегодня... Десятка полтора забил, столько же забраковал, Винда уже не выдерживает... Нет, Оленька, мне еще долго... Ты ложись, я сегодня еще одну новую фишку хочу к серверу прикрутить, так что, наверное, ложиться не буду... Ну-с, что у нас в почте... Интересно, а за кого они все меня принимают? "мой дизайнер", "мой программер"... "Вы - самый известный специалист по компьютерам, не знаю к кому еще обратиться. Подскажите, пожалуйста, как правильно записывать видео на DVD лиск?" Блин, да я не специалист, а обычный сисадмин! И DVD у меня вообще нет! И видеомонтажом я вообще ни разу в жизни не занимался! Попробуйте в Usenet-е спросить... "В программе вирус!", "Программа не скачивается!" - это мы пропускаем, пусть ФАК читают... "Из-за вашей рассылки заразился и умер мой компьютер!" - ага, снова от моего имени троянов с вирусами рассылают... Интересно, сколько можно писать, что я файлы не рассылю?... Не верят они мне, что ли... "Подскажите, как ..." - ну, поробуйте вот это, но лучше позовите знакомого компьютерщика, а то можно испортить... "А чем ..." - навскидку, вот этим, вот этим или вот этим... "А где ..." - там-то... Блин, они что, принципиально поисковиками не пользуются?! Или никогда о них не слышали?... "Вы поставили моей программе незаслуженно низкую оценку!" - блин, да твоя бэкапилка падает, если пытается архивировать открытый файл! Пишем: для того, чтобы получить более высокую оценку ваша программа должна, как минимум, уметь делать incremential backup, update, определять, что на компьютере включен переход в спящий режим и предупреждать пользователя. Кроме того, обратите, пожалуйста, внимание на ее поведение при работе с открытыми файлами"... Ладно, с почтой на сегодня все, на остальное потом отвечу. Что там с серваком?... Что-то мне не нравится, что он долго статистику пересчитывает, надо бы это оптимизировать... Блин, а с деньгами что-то придумывать надо... Фирму что-ли открыть? И что с того?... Ну открою, рекламодателей-то больше не станет, а вот расходы возрастут... Эх, вот бы мне посетители хотя бы по рублю в год платили, как здорово было бы! О! А если рекламу не "на сторону" предлагать, а самим авторам программ? За недорого... Счас мы для этого скрипты напишем...

Юзер1:
У вас замечательный сайт, часто меня выручает! И так мало рекламы - это просто здорово! А вот хотелось бы еще сделать что-то вроде форума, где пользователи могли бы предлагать авторам идеи программ...

Юзер2:
Ну и че ты на меня наезжаешь, да еще и закрыл отдачу страниц моему скрипту?! Ты же все-равно сам ничего не делаешь, тебе все авторы присылают. Тебе че, жалко что ли?!

Программер1:
Спасибо за то, что все-таки опубликовали мою программу! Эффект от вашего сайта довольно заметен. Насчет рекламы идея хорошая, я подумаю, может быть ближе к осени и куплю. А пока что вы попробуйте брать комиссионные с регистраторов за продажи программ...

Программер2:
Ну что вы все со своей рекламой пристаете?! Такой сайт отгрохали и все вам денег мало! Скромнее надо быть и работать больше...

Вебмастер:
Да, похоже старею... Раньше спокойно по трое-четверо суток вкалывал, а сейчас двое суток в конторе повозился и уже вырубаюсь... Ладно, сейчас попробую с сайтом поковыряться пока не засну, чтоб в рассылке хоть что-то новенькое оказалось, а завтра надо будет поплотнее этим заняться... Черт, опять у сервака место на дисках кончилось... Блин, что авторы, что подписчики: пользоваться - пожалуйста, с вопросами и просьбами обращаться - с радостью, а как мне помощь понадобилась - так хрен! Ни одна сволочь не откликнулась на просьбу помочь с железом... А винты сереверные кусаются - не меньше 400 бачей надо... А у меня нету... А надо... Блин, ну 50 килоподписчиков - это ж по 30 копеек скинулись бы и все... А спрашивается: нужно ли оно мне все? Шесть лет для них как проклятый вкалываю... Но ведь интересно... Но накладно... И с женой разошелся - кто ж такое выдержит... А, ладно... Пусть идет как идет. Видать, судьба у меня такая... А там глядишь, вдруг что-нибудь да и получится...

PS. В среднем каждый день обнаруживается:
Юзеров 1-го типа: 1-3
Юзеров 2-го типа: 6-8
Программеров 1-го типа: 6-15
Программеров 2-го типа: 2-4

Написано в ответ на просьбу журнала Хакер подготовить статью об администрировании..

Источник Российский мультипортал ProtoPlex

Дмитрий Турецкий
[email protected]
listsoft.ru/
Источник

@темы: Юмор

---

Кофейные чашки в веб-дизайне

[web-design]

Если вы еще не заметили, то в веб-дизайне наблюдается любопытный тренд — использование кофейных чашек. Возможно, с помощью этого приема дизайнеры хотят показать, что они — трудолюбивые люди, и без кофе жить не могут.

1. Wild Zeitung

Смотрим дальше

2. Art Flavours




3. BrandStorm




4. Cofee In Town




5. Design54




6. Ficod 2008




7. Haus Hoyer




8. Icon Icon




9. Jimmyoh




10. Kinoz




11. Lee Munroe




12. Rodney Edwards




13. teh C peng




14. The Piss Biscuit




15. Jwhanif



Источник

Под 13 номером, что плавает в чашке?

@темы: Работы

---

Дизайн Сайта для Онлайн-Бизнеса

[web-design]

Шаг за шагом урок научит вас как сделать яркую страничку для бизнеса.

Рисуем

Давайте начнем работу с создания нового файла (File>New) 766 x750 px, 72 dpi.

Затем выберем Rectangle Tool (U) для создания фона.
Щелкнув на слое на панели слоев,выберем следующие параметры.
Blending Options>Gradient Overlay



Параметры градиента:

вот так


Далее,используя все тот же инструмент,делаем центральную панель страницы.Белого цвета.

Берем Rounded Rectangle Tool (U) радиуса 2 px чтоб сделать кнопку меню, расположенной в заголовке сайта.





Параметры слоя
Blending Options>Gradient Overlay


Параметры градиента


Вот что у нас выходит..




И снова с помощью Rounded Rectangle Tool (U) радиусом 2 px чтобы сделать блик на кнопке белого цвета.


Параметры слоя Fill 17%


Комбинируем в группу все слои с кнопочками меню веб сайта (нажмите Ctrl для того,чтобы отметить нужные слои и,удерживая нажатой левую кнопку мыши, перенесите отмеченные слои на "Create a new group selection").
Сделайте пять копий новой группы и,выбрав Free Transform,разместите копии,как показано ниже. Изменим параметры кнопок...


Измененные параметры кнопки. Первый слой.
Blending Options>Gradient Overlay


Параметры градиента.


Параметры блика: Fill 49%
Blending mode-Color Dodge
Blending Options>Gradient Overlay


Параметры градиента.


Напишите названия кнопок




Далее рисуем лого для нашего сайта.Для начала возьмем Rectangle Tool (U) для основных элементо цвета #00E5E1,нажмем Alt для того,чтобы тем же инструментом стереть ненужное.




Вторая часть нашего логотипа. Нам нужно сделать полоску и с помощью Free Transform поворачиваем ее как надо.. Жмем Alt чтобы удалить ненужные элементы и не забудьте,что цвет все тот же.


Поместите надпись,содержащую имя сайта,как внизу показано.




Время нарисовать баннер. Берем Rounded Rectangle Tool (U) радиуса 10 px.


параметры слоя.
Blending Options>Gradient Overlay


параметры градиента


Blending Options>Stroke




Теперь нарисуем небольшой блик белого цвета на баннере, выбрав Ellipse Tool (U) и поставим ему Fill 11%


Далее выбираем Line Tool (U) (1 pt) белого цвета чтоб нарисовать перекрещивающиеся линии (нажав SHIFT).




Fill 20%
Blending mode-Soft Light


Берем Custom Shape Tool (U) и выбираем звездочку из таблицы


Blending Options>Drop Shadow


Blending Options>Gradient Overlay


Параметры градиента


Blending Options>Stroke


вот так:


пишем слоган на баннере.




пишем заголовок..




пишем остальной текст...


Сейчас с помощью the Rectangle Tool (U) делаем панельку входа..



Blending Options>Gradient Overlay


параметры градиента


Blending Options>Stroke




Делаем две копии последнего слоя и,выбрав Free Transformменяем размер копий,располагая их как показано ниже:


Создаем окошки информации,выбрав Rectangle Tool (U) радиусом 4 px белого цвета


Blending Options>Stroke




Делаем копию последнего слоя и выбираем снова Free Transform чтобы расположить копию как показано на следующей картинке:


Потом нам нужно нарисовать кнопочку с помощью Rounded Rectangle Tool (U) радиус 5 px.


Blending Options>Gradient Overlay


параметры градиента


Blending Options>Stroke




Копию делаем слоя с кнопкой и выбираем Free Transform чтоб расположить так как показано ниже:


Берем Custom Shape Tool (U) и рисуем другую маленькую звездочку.


Blending Options>Drop Shadow


Blending Options>Gradient Overlay


Параметры градиента


Blending Options>Stroke


Параметры градиента




Копируем последний слой и выбираем Delete Anchior Point Tool чтобы стереть ненужное . Convert Point Tool поможет вам корректировать элементы фигуры.. также нам нужно поменять параметры слоя-копии:


Blending Options>Gradient Overlay


параметры градиента




Сольем все слои со звездочками в один(нажмем Ctrl чтоб отметить нужные слои и CTRL+E чтобы сдить их ). Применим Add a Mask (внизу панели слоев) и берем Brush Tool (B )черного цвета чтобы стереть участки,выходящие за границы.




на этой панели напишем ....


Последняя стадия включает в себя написание копирайта


Тадааам !!! Веб сайт закончен!!

Полный размер тут


Автор: AdobeTutorialz
Перевод: Immortal Lintu
Источник

@темы: Уроки, Web-дизайн