Раздел: Интернет-технологии >> Web Design

Образец - не шедевр, создать несложно Роман Соболенко Что такое "бэкграунд", вы, конечно, знаете. Правильно, это фоновый рисунок. Microsoft почему-то назвала его обоями, но пусть этот перл останется на совести ребят из Ричмонда. Мне же больше нравится слово "подложка", которое и звучит приятнее, и точно передает суть дела. А суть в том, что фоновые рисунки все чаще используются в компьютерном дизайне. Особенно в последнее время. Adobe Photoshop 6.0. Выделения Часть 1 Сегодня мы начнём разговор о инструментах выделения и командах, которые можно применять при работе с выделениями. Начну я с того, что выделения играют наверное самую главную роль при работе с Photoshop’ом, так как выделениями можно рисовать, удалять, обрезать, добавлять и т.п., то есть выполнять весь спектр действий рисования. DreamWeaver 3 Аверин Александр, http://netdesigner.ru Следом за HomeSite 4.5 вышел еще один пакет, который я очень уважаю и которым я постоянно пользуюсь. Да, речь сегодня пойдет о нем любимом - о DreamWeaver 3. Итак, что же нового появилось в этом инструменте при смене цифры 2 на цифру 3? Довольно много всего. ImageReady 2.0 Аверин Александр, www.netdesigner.ru Делаем сайты прямо в графическом пакете Взглянув на название обзора многие наверное подумали - ну вот, АСЕ нашел очередной WYSIWYG инструмент для создания сайтов будет нам его нахваливать на все лады. Однако это не так. Те, кто уже знаком с Adobe ImageReady, знают, что этот пакет предназначен для другого. KSNews - правильный движок для твоего веб-сайта. Обновляем свой сайт. Качественно и удобно M.J.Ash, www.xknows.bos.ru Журнал "Хакер" Огромное количество сайтов в Рунете подробно рассказывает, как сделать на JavaScript анимированные кнопки, как быстро сварганить прикольный Javа-апплет и как ошарашить посетителя сайта восхитительным Flash-ем. Viewpoint Experience Technology: трехмерный Интернет Вадим Мурзагалин Как развивается компьютерная графика? Нетрудно заметить, что, в первую очередь, усилия разработчиков направлены на воссоздание реального мира, который, как известно, трехмерен. Ведь двумерные компьютерные игры сейчас практически не выпускаются, мультфильмов с применением 3D моделей, напротив, становится все больше, не говоря уже о спецэффектах в кино. Web-редактор из недр Office Орлов Антон Александрович, Журнал «Мир ПК» Проблема выбора подходящего инструмента актуальна для многих начинающих Web-дизайнеров (да и не только для них). Чтобы сделать Web-страницу, в принципе не нужны специальные программы, подойдет любой текстовый редактор вроде Блокнота, хотя работать в нем не слишком удобно: нет хорошей системы замены слов, отмены последних действий и др. XML в 10 тезисах перевод А.Савенкова XML, XLink, Namespace, DTD, Schema, CSS, XHTML . Если вы впервые столкнулись с XML, трудно даже понять, с чего начать. Этот короткий обзор представляет собой попытку охватить основные идеи XML, чтобы новичок мог увидеть концепцию в целом, не путаясь в деталях. Если же вы кому-то представляете XML, почему бы не начать с этих 10 тезисов? 1. Аппаратная конфигурация компьютера Михаил Мельников, Web-studio Cherry-Design То, что описано ниже, предполагает, что Вы хотите сделать красивый и стильный сайт полностью своими руками, т.е. сами рисуете все графические элементы, сами пишете странички, сами сканируете и доводите фотографии. Ваш баннер Общая информация Основой баннерной рекламы является размещение небольшой картинки (баннера) на как можно большем количестве чужих страниц. При нажатии на ссылку осуществляется переход на рекламируемую страницу. Сам баннер представляет собой графический файл (обычно Gif-формат), размещенный на чужой странице и имеющий гиперссылку. Графика для веб-страницы Сергей Ревин Все плохо. Все просто отвратительно. Такая красивая была страничка - да что там, просто шедевр постиндустриального дизайна. Такая красивая, интересная, быстрая. в оффлайне. Была, пока на сервер не выложил. Кто это там звонит, кстати? Провайдер? Что ему надо? Чего много? Ругается. Джентльменский набор Web-аниматора Богдан Вакулюк, ITC Online Прошло всего пять лет с тех пор, как Джонатан Гай и единомышленники с помощью средств, инвестированных компанией Macromedia, выпустили свой продукт под названием Flash. Результат очевиден: молодая технология, со значительным отрывом обогнав в популярности свою старшую сестру -- ShockWave, стала практически монопольным стандартом векторной графики для Web. Инструменты цветокоррекции Алекс Казанцев, http://www.anriintern.com/ps/ Сказанное в этой статье в основном касается тех, кто непосредственно занимается печатью, однако и для тех, кто работает для "интерактивной печати" — для web-дизайнеров, многое из того, о чем пойдет разговор ниже, может оказаться полезным. Как работает формат JPEG? www.citforum.ru Знание некоторых принципов возмещает незнание многих фактов. Сегодня мы поговорим о технологии сжатия JPEG и о том, за счет чего достигаются столь сильные степени сжатия. Процесс сжатия по схеме JPEG состоит из нескольких шагов. Как создать привлекательный web-сайт? www.citforum.ru Итак, Вы желаете сделать полезный, красивый и удобный сайт. Новости графики: JPEG2000 Вера Васильева, Журнал «Мир ПК» Любой пользователь, когда-либо имевший дело с цифровыми фотографиями или рисунками, согласится с утверждением, что формат сжатия графических изображений, обеспечивающий оптимальное соотношение качество изображения/объем файла, — насущная необходимость. О композиции в дизайне Станислав Петровский, http://design.lnet.ru Как сказал кто-то из великих, создать гениальную картину - это положить в нужные места нужные краски. Оптимизация изображений в формате GIF Оптимизация изображений в формате JPG Михаил Мельников, Web-studio Cherry-Design Итак, графика для Ваших страничек готова. Но выкладывать ее на сервер еще рано, так как уже не раз было сказано - если странички качаются долго, то толку от них нет. Эта статья посвящена оптимизации изображений в формате JPG. Данный формат хранит изображения c цветовой глубиной 24bpp (TrueColor) и использует сжатие с потерей информации. Оптимизация сетевой графики Форматы граф-файлов GIF оптимизация JPG оптимизация Человек воспринимает 95% поступающей к нему извне информации визуально в виде изображения, то есть "графически". Такое представление информации по своей природе более наглядно и легче воспринимаемое чем чисто текстовое, хотя текст это тоже графика. Основные ошибки начинающих дизайнеров Пара уроков для начинающего Web-мастера Роман Соболенко Компьютерная газета В последнее время появилась еще одна категория пользователей, обращающихся к графическим редакторам. Это те, кто в силу служебных обязанностей или просто ради своего удовольствия изготавливает Web-страницы. Программы, используемые в web-мастеринге Михаил Мельников, Web-studio Cherry-Design Для изготовления профессиональных страничек Вам придется профессионально изучить несколько профессиональных программ :). Итак, какие же программы Вам понадобятся? Ниже я буду приводить конкретные категории программ с объяснениями - для чего они нужны. Психология в дизайне Сергей Степанов, ©Издательские системы Я часто встречаю рассуждения, что дизайн - это оформление информации. Говорят о нем как об элементе, существующем отдельно от текста, имеющем свои правила и законы. Не забывают упомянуть о его важности общими фразами. Пунктирная рамка в Photoshop Алексей Кунин В одной из IZ-публикаций был описан способ создания пунктирных рамок при помощи Adobe Photoshop. Действительно, этот эффект часто и успешно используется web-дизайнерами. Рекомендации по созданию web страничекнепрофессиональными дизайнерами Рисуем баннеры Mike Melnikov Посвятим-ка мы немного времени баннерам и поразмышляем на тему: как сделать баннер более эффективным? Поговорим о слоганах и воздействии баннера на читателя. Баннеры используются на страничках в качестве рекламы других ресурсов и, как правило, их дизайн никак не связан с содержимым странички и оттого смотрится несколько отчуждённо. Рисунок сотен слов дороже нам Михаил Мельников, Web-studio "Cherry-Design" Теперь поговорим о графике на Web-страничках, ведь именно благодаря ей WWW стала самым популярным сервисом Internet, именно ей мы обязаны всему этому многообразию страничек. Что особенного в графике, применяемой на web-страничках? А то, что она имеет свои определенные ограничения, с которыми мы должны считаться и извлекать из этого выгоду. С чего начинается сайт? Mike Melnikov, Web-studio "Cherry-Design" www.citforum.ru Возможно, эта статья должна была стоять самой первой, но получилось так, что написал я ее недавно и поэтому пусть она будет здесь. А поговорим мы о начальных этапах при создании сайта и основных шагах, которые следует предпринять еще до начала работы над эскизами и тем более верстки. Секрет четких надписей Алексей Савельев Если вам приходится делать баннеры небольших размеров, кнопки и другие графические элементы, в которых используется мелкий шрифт, эта статья поможет вам сделать четкие надписи ложащиеся на любой фон и уменьшить вес графики. Секреты веб-дизайна Georgy Good Теория: Зачастую, после создания сайта, к автору начинают идти письма по улучшению дизайна, которые часто противоречат друг другу. Не знаешь, что и думать, если не знать теории НЛП. Коротко, в НЛП выделяют три типа людей: 1. Мыслящих преимущественно зрительными образами (Визуалы) 2. Собирая картинки в дорогу (GIF формат) Картинки для Internet должны быть маленькими - таков секрет успеха формата GIF. ЧИП рассказывает о закулисной стороне и показывает, как правильно использовать этот формат. Июнь 1987 года. Создавая под IE, не забудьте про Netscape Максим Костюченко, Компьютерная газета Согласитесь, иногда забавно быть не соучастником, но наблюдателем. Высоко сижу, далеко гляжу. Можно строить четкие аналогии. В независимой голове рождаются независимые оценки. Вот ведь как оно со стороны. Справочник по работе со шрифтами Аверин Александр, www.netdesigner.ru Прежде всего давайте рассмотрим понятие шрифт (начертание шрифта). Под начертанием шрифта понимается комплект знаков определенного рисунка. Средство Save for Web: графика должна быть стройной Головачев Андрей, http://photoshop.nasmnogo.ru/ Итак, оригинал-макет вашего сайта готов. На деньги, полученные от сдачи использованных в творческом процессе пивных бутылок, покупаются новые. Фейерверк web-дизайна, или Кое-что о Fireworks Максим Костюченко Иногда мне кажется, что жизнь обходит меня стороной. В самый последний момент я узнаю, что, оказывается, есть некое тайное общество влиятельных лиц, решающих судьбу белорусского Интернета. Они собираются в одном из минских ресторанов для обсуждения насущных байнетовских проблем. Они решают, чему быть, а чему пригрозить указательным пальцем. Чародеи Web Компьютерный журнал "Chip" Еще полгода назад для создания анимированных Web-страниц повсеместно применялся редактор Flash от Macromedia. Однако с выпуском Adobe LiveMotion 1.0 у безусловного лидера появилась весомая альтернатива Статические страницы уже давно перестали удивлять посетителей Internet своей оригинальностью. Что такое стильный web-сайт? Стильный web-сайт - это когда каждая страничка Вашей публикации имеет ярко выраженную принадлежность ко всему web-сайту. Когда легко ориентироваться и поиск информации не сопряжен с опасностью заблудиться и потерять время. Когда странички загружаются менее, чем за минуту. Когда. Стильность web-сайта достигается несколькими приемами. Что такое стильный дизайн? Михаил Мельников Стильный web-сайт - это когда каждая страничка Вашей публикации имеет ярко выраженную принадлежность ко всему web-сайту. Когда легко ориентироваться и поиск информации не сопряжен с опасностью заблудиться и потерять время. Когда странички загружаются менее, чем за минуту. Когда. Шрифт в Веб-дизайне Содержание: Общие характеристики шрифтов Кодировка и типы шрифтов Шрифтовое оформление в WEB-дизайне  Тот огромный поток информации, которую современный человек воспринимает постоянно, передается во многом с помощью шрифта. Шрифты Дубина Николай, координатор проекта "ВЕДИ" Издательские системы Тема основных понятий и терминов, связанных со шрифтами и текстом, уже много раз поднималась в прессе, но, как показывает опыт, количество желающих прочитать об этом еще раз нисколько не уменьшается. Итак, что же такое шрифт и текст, с чем их едят.