Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

OpenSketch: скетчбук с открытым исходным кодом

24 декабря 2013 | Опубликовано в статьюшечки | 16 Комментариев »

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

Как утверждает автор, OpenSketch рожден из личной необходимости. Рисовать сайт, логотип, мобильное приложение Александр начинает со скетчей/прототипирования на бумаге, в дальнейшем создавая прототип уже на компьютере. Обычно шаблоны для скетчей распечатываются. Со временем и количеством проектов, бумаг со скетчами и прототипами скопилось много, наш герой начал путаться во всем этом и по собственному признанию откровенно захламляться.

— Пришло понимание, что мне нужно организовать процесс.  - Говорит Александр — Я решил купить скетчбук. Поиск нужного мне скетчбука был увлекателен, но непрост. Бесспорно, существующие сейчас скетчбуки сделаны здорово, их хочется купить, носить, всем показывать и скетчить в них, но в них есть минусы, которые заставили меня отказаться от покупки.

Минусы существующих решений. 

  1. Трудно вырвать листы
  2. Нельзя добавить страницы. Когда скетчбук закончится нужно покупать новый.
  3. Я не нашел решений, сочетающих в себе возможности делать скетчи не только логотипов/иллюстраций, но и одновременно в этом же скетчбуке набрасывать прототипы сайтов, мобильных приложений и пр.
  4. Скетчбуки чаще всего нужно заказывать и ждать доставки.
  5. Нельзя сформировать скетчбук «под себя» под свои нужды.
  6. Цена

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

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

Плюсы OpenScetch

  1. Можно легко убирать и добавлять листы. Теперь ваш скетчбук закончится только когда закончатся чернила в картридже принтера.
  2.  Гибкая конфигурация скетчбука. Скетчбук отвечает вашим нуждам, просто печатайте то, что нужно.
  3. Творчество. Я предложил такой вариант, подготовил для него пиктограммы и оформил, но вы можете оформить его по своему усмотрению, нарисовать другие иконки, логотип, сделать по-иному обложку и пр.
  4. Не нужно ничего заказывать и ждать.
  5. Данное решение крайне дешево.

 

Первоначально скетчбук включает следующие шаблоны:

1. Dotted (бумага в точку, бумага в точку с горизонтальной изометрией, бумага в точку с вертикальной изометрией).

2. Iphone (шаблон для прототипирования интерфейса приложения для мобильного телефона Apple iPhone в разных вариациях)

3. Android phone (шаблон для прототипирования интерфейса приложения для мобильного телефона на базе Android OS в разных вариациях)

4. IPad (шаблон для прототипирования интерфейса приложения для планшета Apple iPad в разных вариациях)

5. IPad mini (шаблон для прототипирования интерфейса приложения для планшета Apple iPad mini в разных вариациях)

6. Windows phone (шаблон для прототипирования интерфейса приложения для мобильного телефона на базе Windows OS в разных вариациях)

7. Browser (Шаблон для прототипирования веб-сайтов)

8. iOs App icon (Шаблон для скетчей иконок приложений для iPhone)

9. Android App icon (Шаблон для скетчей иконок приложений для Android phone)

 

Что нужно для скетчбука?

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

 

Бюджет?

Сделать такой скетчбук стоит примерно 300-400 рублей и один вечер, с учетом похода до магазина художественных или концелярских товаров.

 

Алгоритм

1. Распечатайте то, что вам нужно, собрав свою версию скетчбука.

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

3. Распечатайте наклейку (пиктограмму скетчбука) на специальной бумаге для наклеек. Если нет технической возможности — отправьте заказ в любую мини-типографию.

4. Наклейте наклейку на обложку из толстого картона.

5. Дыроколом сделайте дырки на всех листах и скрепите их застежками.

6. Готово! )

 

Где скачать?

Скачать все исходники и шаблоны можно здесь: https://www.dropbox.com/sh/moh1l2hvvaf7w0z/dDd2Ky1r-g

 

Я буду благодарен любым замечаниям и пожеланиям по этой идее. Я также буду рад, если вы предложите те варианты шаблонов, которые расширят первоначальную версию скетчбука. Пишите на [email protected]

Поздравляю всех с наступающим новым годом. Делайте проекты, рисуйте скетчи, читайте дежурку, много творчества вам в новом году!)

 

Александр Аникеев




Комментарии

  1. GNarubalie
    Thumb up Thumb down +13

    Мега крутая идея, особенно с мокапами для различных нужд !!!) это именно то, что нужно любому человеку-дизайнеру, да и цена !! даже не стоит заморачиваться!, не стоит думать что каждый лист ценнен, жалеть их и т.п. !

    Спасибо огромное! это один из лучших подарков на НГ!

  2. Александр
    Thumb up Thumb down +3

    Спасибо Дежурке, что опубликовали. Надеюсь многим принесет пользу :)

  3. Ярослав
    Thumb up Thumb down +2

    Круто!, спасибо что поделились .

  4. Олег
    Thumb up Thumb down +1

    Гениально. Сам собирался сделать мокапы, но никак руки не доходили. Спасибо большое *YAHOO*

  5. Solly
    Thumb up Thumb down +1

    искреннее спасибо автору и сайту. Очень пригодится весчь. Всем позитива и хорошей работы)

  6. Trow
    Thumb up Thumb down +1

    Как раз сделал аналогичное для себя, но не успел определится с крепежом)

  7. Юрий
    Thumb up Thumb down +1

    Александр, спасибо!

    Такая полезнейшая вещь своими руками! На работе за пол часа сделал. Теперь так и не терпится почать новый скетчбук! =)

    Еще раз спасибо! Всех с наступающим Новым Годом!!! =) =) =)

  8. Алекс
    Thumb up Thumb down +1

    Спасибо большое!

    Супер тема!!!!!!

    Побежал печатать!))))

  9. александр
    Thumb up Thumb down +1

    здесь еще есть шаблоны

    uxdesign.smashingmagazine...emplates-mobile

  10. Сергей
    Thumb up Thumb down +1

    Что-то ссылка на дропбокс не пашет :(

    500я ошибка, говорит. У меня у одного такая проблема?

    Mary Ответ:

    Thumb up Thumb down +1

    Проблема не только у вас. Написали автору, ждем обновления ссылки. В ближайшее время все снова станет хорошо :))

    Mary Ответ:

    Thumb up Thumb down 0

    ссылка работает)

    z Ответ:

    Thumb up Thumb down 0

    Дропбокс — не надёжно. Если файлы удалить, ссылка поломается. Хорошо бы на github.com перенести

  11. Nadya
    Thumb up Thumb down 0

    Вот еще интересный сайт! Здесь куча шаблонов для печати бумаги в клетку, в линейку, с диагональными линейками, с точками, с изометрической сеткой

    inspirationhut.net/printable-paper/ Оч интересно!

  12. Николай
    Thumb up Thumb down 0

    Спасибо. Попробую.