В ходе работы над веб-картой в рамках проекта возникла задача отображения линий метрополитена на карте. Казалось бы, что в этом сложного? По сути — ничего, пока вам не требуется визуализировать различные маршруты, физически проходящие по одному месту. С такой ситуацией мы столкнулись при попытке отобразить линии амстердамского метрополитена.
Рубрика «векторная графика» - 6
Построение параллельных кривых в картографических веб-приложениях
2014-11-26 в 8:23, admin, рубрики: javascript, jsts, Leaflet, webmapping, векторная графика, Геоинформационные сервисы
sketchometry — динамическая геометрия в браузере
2014-10-14 в 17:26, admin, рубрики: html, javascript, векторная графика, геометрия, динамическая геометрия sketchometry — это интерактивная динамическая геометрия, веб приложение, разработанное на базе библиотеки JSXGraph. Эта статья является учебным пособием по её использованию.
Читать полностью »
Как программисту нарисовать логотип, не умея рисовать?
2014-10-01 в 9:49, admin, рубрики: векторная графика, дизайн, Дизайн в IT, логотип, Песочница, самсебедизайнер, сделай самТак бывает, что перед программистом ставят неординарную задачу, которую выполнить он может только благодаря своей смекалке, а не опыту, которого в сфере требуемой задачи, по сути, и нет. И сегодня я хочу рассказать о том, как не дизайнеру нарисовать красивый логотип.
Веб-дизайн, inkscape и все-все-все, часть 1
2014-07-29 в 3:13, admin, рубрики: inkscape, open source, веб-дизайн, векторная графика, интерфейсыЕсть для дизайна специальные программы как Sketch, но они есть только на маках (а у меня их нет) и занимаются только дизайном, хотя судя по обзорам делают это хорошо (unix-way как-никак). А есть фотошопы, гимпы и прочие корелы, которые используют не по назначению, об одном из таких случаев и есть этот топик. Картинка для привлечения внимания (на дизайн не претендую, да и не считаю его лучше того что есть сейчас, просто картинка):
Структурирование, группировка и привязка в SVG — элементы <g>, <use>, <defs> и <symbol>
2014-07-20 в 4:51, admin, рубрики: svg, векторная графикаSVG предоставляет возможности для структурирования документа посредством специальных элементов, которые позволяют определять и группировать объекты, а также ссылаться на них в дальнейшем. Они упрощают повторное использование кода, сохраняя его чистым и читаемым. В данной статье будут рассмотрены эти элементы, а также их различия и преимущества.
Группировка с использованием элемента <g>
Элемент <g> используется для логической группировки набора связанных графических элементов. Это можно сравнить с группировкой объектов в графических редакторах.
Элемент <g> объединяет в группу все свое содержимое. Как правило, ему задается идентификатор, по которому будет производиться обращение в дальнейшем. Любые стили, применяемые к элементу <g>, будут также применены ко всем его потомкам. Это позволяет задавать стили и преобразования, а также добавлять интерактивность и анимацию сразу целой группе объектов.
В качестве примера будем использовать нарисованную в SVG птичку. Она состоит из нескольких отдельных фигур, описываемых кругами и путями. [По невыясненным причинам автором описаны круги путями вместо использования circle, хоть и было обещано использовать круги. Не спрашивайте почему. Я это исправил. Не спрашивайте зачем. — Пер.]
Модульные комиксы — простой способ увлечь аудиторию
2014-07-11 в 1:33, admin, рубрики: векторная графика, дизайн, Дизайн в IT, Презентации, презентацияБорьба за внимание читателя/аудитории набирает обороты. Автор длительное время наблюдает за поведением людей на презентациях (сидя рядом) и слегка шокирован скоростью вхождения большинства индивидуумов в полусонное состояние.
Лекции о визуальное мышлении и разнообразные рецепты улучшения «перевариваемости» информации уже успели набить оскомину. Собственно, почему комиксы?
Switch to Sketch. Часть 4
2014-06-14 в 12:18, admin, рубрики: mac os x, MacOS, osx, photoshop, psd, sketch, sketchapp, веб-дизайн, векторная графика, графика, дизайн, метки: MacOS, osx, photoshop, psd, sketch, sketchapp, веб-дизайн, векторная графика, графика, дизайн 
Оригинальная версия старинной французской поговорки гласит: Le bon Dieu est dans le détail («Бог в деталях»). Собственно, неприметные на первый взгляд детали и отличают Sketch от многочисленных конкурентов. Давайте поближе взглянем на этот кладезь удивительных мелочей.
Switch to Sketch. Часть 3
2014-06-13 в 12:39, admin, рубрики: mac os x, MacOS, osx, photoshop, psd, sketch, sketchapp, веб-дизайн, векторная графика, графика, дизайн, метки: MacOS, osx, photoshop, psd, sketch, sketchapp, веб-дизайн, векторная графика, графика, дизайн 
Давайте немного отвлечемся, и рассмотрим программу Sketch 3 с точки зрения удобства использования.
Switch to Sketch. Часть 2
2014-06-12 в 13:28, admin, рубрики: mac os x, MacOS, osx, photoshop, psd, sketch, sketchapp, веб-дизайн, векторная графика, графика, дизайн, метки: MacOS, osx, photoshop, psd, sketch, sketchapp, веб-дизайн, векторная графика, графика, дизайн 
Итак, продолжим исследовать программу Sketch 3 с целью последующего свитчинга в нее из Фотошопа. Первую часть можно почитать здесь.
Switch to Sketch. Часть 1
2014-06-11 в 14:04, admin, рубрики: mac os x, MacOS, osx, photoshop, psd, sketch, sketchapp, веб-дизайн, векторная графика, графика, дизайн, метки: MacOS, osx, photoshop, psd, sketch, sketchapp, веб-дизайн, векторная графика, графика, дизайн 
О программе Sketch я узнал еще год назад. Скачал демо тогда еще 2-й версии. Признаться, она меня совершенно не впечатлила. Какой-то слишком простой показалась. Я привык к навороченным интерфейсам софта от Adobe, а расположение панелей в стиле Apple iWork (Pages, Numbers, Keynote) мне по какой-то причине не нравится. К тому же мне оказалось комфортнее работать с темным интерфейсом, каковой нынче есть в Photoshop CC. Плюс Sketch 2 был достаточно кривоватый, содержал немало досадных багов, да и вообще впечатления не оказывал скоростью работы. В общем, поигрался с демкой и благополучно забыл. Впрочем, оказалось, что зря…