Прошу помощи в выборе ресурсов для программы

Минипроект — визуализация складского помещения. На данном этапе есть 2 варианта оформления карты:

1:

Код хороший, но визуализация отстойная (сам вижу, художник из меня паршивый).

Вопрос — подскажите либо набор ресурсов по этой тематике, либо (если кто-то что-то подобное уже делал) поделитесь красивой реализацией.

Спасибо!

—

10 февраля в 22:30

pnick 16,1

На скрине только часть карты, таких объектов будет 10-15 штук. pnick,

тебе просто нужно подобрать цветовую схему(палитру), для этого не надо быть художником, раньше был kuler.com от adobe…
вот в качестве аналога habrahabr.ru/blogs/design/23576/ Zeldan,

Огромное спасибо за ссылки на кулер. Очень полезный сервис. pnick,

отсортировано по дате по оценке
ответы (2)

Stdit 10 февраля в 23:37 #

решение

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

Спасибо! Даже не подозревал о наличии таких сервисов! :) pnick, 11 февраля в 14:23

freeznah 12 февраля в 12:10 #

решение

странно
всегда полагал, что при прочих равных и отсутствии таланта инфографики самым информативным является ГОСТовский чертеж
isicad.ru/uploads/img/2142_AC_AP.jpg такой например
а тонирование и раскрашивание отдельных элементов-это «улучшалки» для изображений с уровнем сложности выше того, что вы привели в пример

на случай «штоп красиво»-есть смысл заморочиться на что-то типа www.meb-expo.ru/common/img/uploaded/divisions/expocon/Kongress_b.gif такого freeznah, 12 февраля в 12:14

Рассматривал вариант с 3D, но очень много заморочки (карта достаточно часто меняется/дополняется, много ресурсов жрёт). И с 2D, имхо, удобнее работать ежедневно. pnick, 12 февраля в 17:56

На данный момент выглядит как-то так:

pnick, 12 февраля в 17:57

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

html-теги

Теги Хабрахабра

<habracut>: Используется только в текстах постов, скрывает под кат часть текста, следующую за тегом (будет написано «Читать дальше»).

<habracut text="Подробности" />: Так можно превратить надпись «Читать дальше» в любой текст.

<source lang="Язык"></source>: Подсвечивает исходный код (на выбор: Bash, C#, C++, CSS, Diff, HTML, XML, Ini, Java, JavaScript, PHP, Perl, Python, Ruby, SQL, 1C, AVR Assembler, ActionScript, Apache, Axapta, CMake, CoffeeScript, DOS, .bat, Delphi, Django, Erlang, Erlang REPL, Go, Haskell, Lisp, Lua, MEL, Markdown, Matlab, Nginx, Objective C, Parser3, Python profile, RenderMan, Rust, Scala, Smalltalk, TeX, VBScript, VHDL, Vala ).

<video>http://...</video>: Добавляет в пост видео со следующих хостингов: YouTube, RuTube, Google video, Vimeo, Я.Видео и Видео@Mail.ru
Вставляйте между тегами только прямую ссылку на видеоролик.

<slideshow>http://...</slideshow>: Вставка интерактивного слайд-шоу. Пока поддерживается только сервис Slideshare.net.

<hh user="Ник" />: Выводит имя хабрапользователя посреди текста, обратный слеш (/) в конце тега обязателен.

Стандартные

<h1></h1> ... <h6></h6>: Заголовки разного уровня.

<img src="" />: Вставка изображения, в атрибуте src нужно указывать полный путь к изображению. Возможно выравнивание картинки атрибутом align.

<a href="http://...">Ссылка</a>: Вставка ссылки, в атрибуте href указывается желаемый интернет-адрес или якорь (anchor) для навигации по странице.

<anchor>Example1</anchor>: Тег для указания якоря. Для вызова используйте тег вставки ссылок (<a href="#Example1">Текст</a>).

<b></b> <strong></strong>: Выделение важного текста, на странице выделяется жирным начертанием.

<i></i> <em></em>: Выделение важного текста, на странице выделяется курсивом.

<s></s> <strike></strike>: Текст между этими тегами будет отображаться как зачеркнутый.

<u></u>: Текст между этими тегами будет отображаться как подчеркнутый.

<hr />: Тег для вставки горизонтальной линии.

<blockquote></blockquote>: Используйте этот тег для выделения цитат.

<table></table> <th></th> <td></td> <tr></tr>: Набор тегов для создания таблицы. Тег <td> обозначает ячейку таблицы, тег <th> - ячейку в заголовке, <tr> - строчку таблицы. Все содержимое таблицы помещайте в тег <table>.

<sup></sup> <sub></sub>: Текст, заключенный в тег <sup> отображается в виде верхнего индекса, <sub> - в виде нижнего.

<abbr title="" ></abbr> <acronym title="" ></acronym>: Тегом <abbr> выделяется аббревиатура, в атрибуте title указывайте её расшифровку. Используйте тег <acronym> для устоявшихся аббревиатур.

<pre></pre>: Текст в теге <pre> не форматируется автоматически.

<nobr></nobr> <br clear="all|left||right" />: Текст, помещенный в тег <nobr>, не переносится на странице; для принудительного переноса текста используйте тег <br />; для аккуратного выравнивания изображений используйте атрибут clear="all|left||right" в теге <br />.