-
22
04.10
Сайт фотографа Кристины v2
Вторая версия сайта фотографа Кристины ещё более простая, чем первая, весь акцент на фотографии, никакой лишней графики, полный аякс. Кристина на этот раз вообще отказалась от превьюшек фотографий, а просто разместила их в нескольких альбомах (причём попросила, почему-то сделать названия album1, album2…) Использовалась CMS TYPO3. Почему? Мне так проще. Несколько сайтов на одной CMS на одном...
» Читать полностью » Комментарии (9) -
09
02.10
Восприятие информации по горизонтали и вертикали
Почему мы воспринимаем информацию слева направо и сверху вниз (как говорят некоторые «буквой Z»)? Правильно, потому что мы так пишем. Так пишет добрая половина человечества, а создатели компьютеров «навязали» такой стиль и восточным народам (хотя те и сопротивляются). А почему мы так пишем? Да потому что писать справа налево неудобно так же как писать левшам слева направо. Мы же себе строчку рукой...
» Читать полностью » Комментарии (9) -
28
07.09
Элементы управления в веб-сервисах
В продолжение предыдущей статьи посвящённой организации навигации в социальных сетях, пройдусь по другим темам. Существуют следующие виды элементов управления в веб-проектах: Контент-ссылки Контролы Контент-ссылки — это те ссылки которые позволяют перейти на страницу с каким-либо содержимым. Они могут быть следующего вида: Ссылки Иконки Ссылки с...
» Читать полностью » Комментарии (6) -
12
01.09
Сайт школы веб-технологий
Запущен сайт Школы веб-технологий! На нем размещается инфрмация о программах обучения. Также доступна регистрация на курсы через онлайн-форму. Пока существуют две программы: «Основы веб-технологий» и «Веб-программирование». Подробнее о программах читайте на сайте школы. Кроме того, хочу проинформировать всех желающих освоить веб-дизайн, верстку и программирование на профессиональном...
» Читать полностью » Комментарии (12) -
09
01.09
Золотое сечение в веб-дизайне
Наконец-то появилось время (к сожалению прошли праздники и к счастью работу упорядочил) и я смог написать эту статью, посвященную всем любителям и искателям применения догм дизайна в веб-сфере. Золотое сечение, о котором я писал в предыдущем посте, является одним из методов построения композиции для достижения наиболее оптимального и гармоничного расположения элементов. Всё бы замечательно,...
» Читать полностью » Комментарии (18) -
04
08.08
Рекомендации по настройке Photoshop-а (Дополненно)
Хочу поделиться, как я настраиваю Photoshop для работы связанной с веб-дизайном. Единицы измерения Поскольку, чаще всего в веб-дизайне мы имеем дело с растровой графикой, то в качестве единиц измерения нам нужно использовать пикселы, поэтому их нужно установить во всех настройках. В диалоговом окне создания документа, для полей Width и Height. В меню Edit (Windows) или Photoshop...
» Читать полностью » Комментарии (27) -
30
05.08
Дизайн текста 4: Ссылки, del, ins, дополнительные элементы
Ссылки С «древних времён» ссылки выделялись подчёркиванием. Ну так уж повелось. С тех пор, люди на столько привыкли к этому, что каждый раз, как видят подчёркнутый текст, сразу пытаются его ткнуть. И если ожидаемый результат не произошёл, то пользователь чувствует себя обманутым. Ни в коем случае не используйте подчёркивание в качестве декоративного оформления каких либо элементов кроме...
» Читать полностью » Комментарии (34) -
15
04.08
BridgeCamp и Social Media Bridge
26 и 27 апреля пройдёт новое мероприятие в стиле BarCamp с благородной целью: объединить интернет-гиков и общественные организации. Не смотря на то, что неконференция BridgeCamp вызывает у меня весьма скептическое настроение, я согласился стать штатным дизайнером проекта. Насчёт преследуемых целей, их реальности и востребованности напишу после получения результатов неконференции. Суть...
» Читать полностью » Комментарии (10) -
09
04.08
Дизайн текста 3.5: Вложенные списки, графические маркеры
Хочу напомнить (чтоб не было лишних вопросов), что упомянутые в статьях «Дизайн текста» элементы HTML используются для стандартного способа отображения содержимого. Здесь не рассматриваются варианты нестандартной вёрстки страницы с помощью этих элементов. Вложенные неупорядоченные списки В прошлой статье, мы рассмотрели вариант размещения списка приближённого к предыдущему абзацу, для того,...
» Читать полностью » Комментарии (11) -
28
03.08
Дизайн текста 3: Списки
Списки бывают упорядоченные (<ol>) и неупорядоченные (<ul>). Упорядоченные, обычно, отображаются с нумерованным арабскими цифрами маркером. Неупорядоченные могут быть с маркерами вида: закрашенный кружочек, незакрашенный кружочек, закрашенный квадратик (как вижу, так и называю) или любой другой рисунок. Начнём, с того, что уясним, что же такое список. Проведём аналогию с рукописным...
» Читать полностью » Комментарии (13) -
20
03.08
Дизайн текста 2: Цитаты
Продолжение темы «Дизайн текста». Если основные моменты рассмотренные в предыдущей статье в той или иной степени учитываются дизайнерами и верстальщиками, то остальные элементы могут остаться без должного внимания или быть совсем проигнорированными. Это в основном касается элементов специфического назначения, или элементов использование которых не является существенно...
» Читать полностью » Комментарии (10) -
29
02.08
Дизайн текста 1: Основной текст, заголовки, таблицы.
Очень часто, нарисовав страницу, начинающие дизайнеры на этом останавливаются и считают работу законченной. Это, конечно, так, но только в том случае, если заказана одна страница. Если сделан заказ на дизайн всего сайта, то нужно всегда помнить о том, что на страницах может быть содержимое любого рода, начиная от шести уровней заголовков заканчивая врезками и плашками. В этом случае, особо...
» Читать полностью » Комментарии (19) -
20
02.08
Долой гламур! Даёшь трэш! Чья Магда круче?
Нашёл-таки время и нарисовал Евгению Киселёву (ака Жека) новый дизайн за победу в конкурсе Мода 2.0. Решил попробовать себя в таком не самом популярном стиле. Пока в нём не очень разобрался, в смысле композиционной основы, но во всяком случае испробовать стоило. Впечатлили рассказы Маурицио о том, как убить стиль Web 2.0. Не скажу, что я преследовал именно эту цель (в так называемом стиле Web...
» Читать полностью » Комментарии (25) -
18
01.08
Градиентный текст с помощью CSS
Иногда бывают дни, когда не хватает времени, иногда бывают моменты, когда не хочется ничего выдумывать. Тогда приходят спасительный копи-пэйст! В этом посте я не буду ничего исследовать, придумывать, обучать и выбирать. Просто поделюсь с вами ссылкой на замечательный пост дизайнера Nick La. Nick получит на свой пост очередной трекбек, а расслаблюсь ещё на пару дней. Итак, если вы хотите...
» Читать полностью » Комментарии (13) -
29
12.07
Premjers — новый сайт новой школы
Запустил ещё один сайт на платформе TYPO3 — premjers.isma.lv. Частная школа «Premjers» при институте ISMA имела раньше название ISPV(Informācijas Sistēmu Privāta Vidusskola — Частная средняя школа информационных систем) и находилась по адресу ул. Ломоносова, 1, корпус «B». Недавно (летом) школа переехала в новое здание на Висвалжа, 6 и заодно сменила и название. Соответственно нужно делать новый...
» Читать полностью » Комментарии (10) -
11
12.07
Web-студии и их клиенты
Проблема латвийского рынка web-сайтов не только в его небольших размерах, но и в том, что латвийские заказчики не понимают что такое хороший дизайн, не понимают почему хороший дизайн дорого стоит и особенно не понимают зачем вообще нужен хороший дизайн. Владельцы среднего и мелкого бизнеса мотивируют своё мнение относительно цен на сайты слухами о том, что какой-то мифический «студент» за...
» Читать полностью » Комментарии (12) -
04
12.07
Merapi.lv, типографика и так, по мелочи.
В последнее время, нет времени (Каков каламбур получился!). Поэтому почти ничего не пишу на блоге. Но я буду стараться выкрасть минутку-другую записать предложенице. Всё чаще и чаще задумываюсь заняться микроблоггингом. Часто стал замечать, что некоторые слова и словосочетания говорю на латышский манер, например: «Мне нет этого файла», а не «У меня нет этого файла». Хотя, с латышским у меня плохо...
» Читать полностью » Комментарии (14) -
07
11.07
Контролы из разных браузеров для дизайнеров
Составил, можно сказать, «библиотеку» всех возможных элементов интерфейса четырёх браузеров — Mozilla Firefox, Opera, Internet Explorer, Safari. Для чего может приготиться? Для разработки дизайна сайта в photoshop'e. Если на сайте используются какие-то контролы, то их обязательно нужно разметить в шаблоне. Каждый раз скриншотить неудобно. Тем более в разных браузерах они выглядят поразному, а...
» Читать полностью » Комментарии (43) -
02
11.07
Как выбрать шрифт для Web-сайта 2: serif и monotype
"Вебдванольщики" критикуют шрифты с засечками. Оно и понятно, без засечек на экране буквы легче читаются. Шрифты с засечками предназначены для печати. Скорей всего Лебедев с ними не согласен. Я соглашусь на половину. Шрифты без засечек прекрасно удобно использовать в качестве шрифта для основного текста, ссылок и всего того, что пишется мелким шрифтом. Шрифты же с засечками удобно использовать...
» Читать полностью » Комментарии (12) -
25
10.07
Современные тенденции в области Веб-дизайна (стиль оформления Web 2.0)
Я не в восторге от этой презентации. Считаю, что она возможно могла бы быть полезной только для начинающих дизайнеров или для тех, кто просто не шарит в современном веб-дизайне. Основные заголовки презентации: Округлые формы Градиент Шрифты без засечек Нижний колонтитул Кнопки Заголовки и контент "Лакированые" элементы интерфейса Фон с использованием монохромных...
» Читать полностью » Комментарии (19) -
20
10.07
Новый сайт isma.lv
Закончил первый этап работы над сайтом isma.lv. Эту версию можно смело назвать beta. Предстоит ещё достаточно много сделать, чтобы довести всё до ума. Главное - перенесены все данные на новый движок. Для создания сайта использовался CMS/framework движок Typo3. Функционал Три шаблона: стартовая, внутренняя, новостная страницы (расширение TemplaVoila!) Главное меню Меню второго уровня с...
» Читать полностью » Комментарии (10) -
01
10.07
Переключение языков на web-странице
Переключение языков на web-сайтах является одной из главнейших проблем usability, которая несомненно должна быть описана во всех учебниках по web-дизайну.Есть, конечно, спорные вопросы относительно того, как должен выглядеть блок переключения языков, но существуют некоторые догмы: Посетитель должен понимать, что это именно переключение языков и не должен разгадывать ребус из нафантазируемой...
» Читать полностью » Комментарии (33) -
11
09.07
Скажи "НЕТ" <img> в вёрстке
Тэг IMG не очень удобен в качестве "кубика" нашего "сайтоконструктора" поскольку содержит некоторые ньюансы расположения и взаимодействия c другими "кубиками". Конечно-же мы можем представить <img> как блочный элемент, для этого всего лишь нужно в css описании элемента указать свойство display: block, в этом случае тэг унаследует свойства блочного тэга (div). Но тогда какая уж тут логика?...
» Читать полностью » Комментарии (23) -
01
09.07
Особенности градиента и его использование
"Web 2.0 стиль" (если его можно так назвать) дал второе дыхание дизайнерам питающим неравнодушие к градиентам. Из знаменитой статьи Web 2.0 how-to design style guide мы знаем, что градиенты нам даны не только для того, чтобы сделать рисунок более объёмным или придать фону страницы эффект отдаления от содержимого страницы, но и для того, чтобы игра градиентов создавала яркое настроение всему...
» Читать полностью » Комментарии (8) -
01
08.07
Re:boot. Что такое PNG формат? PNG в IE.
Теперь seleckis.lv будет иметь вид и формат журнала. Посты посвящённые web-дизайну, айдентике, полиграфии, флэш-анимации и Action-скрипту, программированию, а так же различным новостям в области дизайна, программирования и мира Web 2.0. Старые записи останутся (куда же они денутся) в том виде, в котором вы привыкли видеть блог-посты, но будут доступны в разделе Архив. Редизайн коснулся и их,...
» Читать полностью » Комментарии (32) -
02
07.07
MyTime: цени каждое мгновение!
Wallpapers[ru] объявляет конкурс, сценарий которого заключается в запечатлении какого-либо ключевого момента жизни. Ценится оригинальность и фотореалистичность. Думайте что хотите, но я не вижу в таких рисунках фотореалистичности. Я конечно понимаю, что таков нынче выработаный стиль российского дизайна, но лично мне он не нравится. Слишком уж всё контрастно, слишком припудренно, накрашено, ярко...
» Читать полностью » Комментарии (0) -
29
06.07
Мне в Париж, по делу, срочно…
Вернее наоборот. Из Парижу в Страсбург. Со скоростью 320 км/ч. Просто, но очень красиво сделаная флешка, с видеороликом запечатлившим всю дорогу по данному маршруту. Замашапили Google Maps и отрисовали весь путь. По мере движения поезда на видео, двигается и стрелочка на карте. Правда с самого начала видео и иногда звук немного тормозят, но потом работает всё лучше и лучше. Особенно понравились...
» Читать полностью » Комментарии (7) -
26
04.07
Seleckis.lv в IE7
Обратил внимание что в IE7 мой блог справа немного перекашивает. Вспоминается известная диаграмма работы web-мастера. Часто такое бывает из-за line-height и font-size. IE видите ли оставляет место хотябы для одной строчки текста в div'е. Поэтому нужно писать в css для этого div'a: line-height: 0px; font-size: 0px; А внутренним элементам в свою очередь уже надо возвращать эти значения, иначе...
» Читать полностью » Комментарии (3) -
13
04.07
На что Web-мастер тратит время создавая сайт
Спасибо Samy за спам =)
» Читать полностью » Комментарии (3)



