Хабрахабр: Дизайн / Блог / Захабренные Голосов: 1 Адрес блога: http://habrahabr.ru/blog/design/ Добавлен: 2008-06-12 19:53:20 блограйдером ZaiSL

Создаем быстрый прототип мобильного приложения

2013-08-09 09:49:10 (читать в оригинале)

На хабре уже присутствует некоторое количество статей, посвященных процессу прототипирования в разработке программного обеспечения. Есть достаточно фундаментальные статьи с обзорами стандартов и расчетами, есть статьи про прототипирование устройств, есть цикл из двух статей про процесс выбора инструмента для прототипирования. К сожалению, процесс создания прототипов мобильных приложений освещен очень скудно – в виде единственной статьи в 2010 году, и пара слов в статье Разработка мобильных приложений: с чего начать.

Хотелось бы исправить эту ситуацию, и предложить вашему вниманию большой обзор доступных инструментов для прототипирования мобильных приложений.
Читать дальше →

---

[Перевод] Значение красоты

2013-08-06 14:38:08 (читать в оригинале)

Красота — это самое главное, к чему нужно стремиться во всем, что Вы создаете.

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

Красота это последовательно отформатированный код. Обсуждение названия внутренних инструментов. Разработка интуитивно понятных интерфейсов. Организация ваших слоев в Photoshop. Работа над формулировкой мысли в статье. Выравнивание всех шурупов на задней стороне забора.

Ничто не может быть слишком маленьким или незначительным, чтобы не быть сделанным красиво.

Когда вы плотник, делающий красивый комод, вы не собираетесь использовать кусок фанеры для задней части, даже не смотря на то, что она будет прижата к стене и ее никто никогда не увидит. Вы будете знать, что она есть и поэтому воспользуетесь красивой панелью из дерева. Чтобы ночью спать спокойно, вы должны во всех отношениях позаботиться об эстетике и качестве.

Стив Джобс

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

Строка кода здесь. Пиксел или два там. Может показаться, что кропотливая работа над всеми подобными моментами замедлит Вас, но с практикой это станет привычным. Если у Вас сжатые сроки, то, может быть, придется что-то пропустить. Но цель в том, чтобы перестать рассматривать эти маленькие детали как пустяк и увидеть в них естественную часть процесса.

Не создавайте себе проблем. Одну детальку будет сложно исправить, когда вы уже перешли к другому. Боритесь за красоту с самого начала.
Читать дальше →

---

Дизайн для приложений BFM.ru: общее и частное в линейке нативных мобильных приложений для новостного портала

2013-08-05 15:42:44 (читать в оригинале)

Привет!

В июле мы анонсировали публикацию мобильных приложений для делового информационного портала BFM.ru — iOS и Windows 8-версии. Для нашего отдела мобильной разработки этот проект стал еще одним приложением для новостных ресурсов, среди которых — Newsweek, Slate, Engadget и другие. Чтобы обобщить опыт и поделиться им с читателями, для которых актуальны вопросы дизайна новостных приложений, мы решили сделать небольшую ретроспективную зарисовку, посвященную дизайну линейки мобильных приложений портала BFM.ru.



Читать дальше →

---

И еще один пост про Flat Design, или почему все «кинулись» делать плоские интерфейсы

2013-08-01 09:53:41 (читать в оригинале)

«Все просто», или краткий пересказ длинной истории с пропусками некоторых важных фактов и обстоятельств

В какой-то момент мне казалось, что не проходило и дня, чтобы среди тех людей, на которых я подписан, или среди источников, которые я читаю, не проскакивало хоть что-то, что касалось бы «плоского» дизайна. Вбейте в Bing, Google, Yandex слова «flat design» или «плоский дизайн» ― и вы легко найдете огромное количество материалов: от обзоров и примеров, до аналитических и исторических измышлений или просто мыслей вслух (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, ...).

Я считаю, что это прекрасно. Прекрасно, что мы как сообщество думаем о том, чем мы занимаемся или что мы видим вокруг, и пытаемся это как-то осознать, вербализировать. Нам нужны дискуссии и обсуждения, нам нужны многие и многие статьи и отдельные высказывания, чтобы прочувствовать тот момент, в котором мы находимся.

Кто-то говорит, что плоский дизайн интерфейсов пришел или, точнее, объявил о себе во всей красе благодаря платформе Windows Phone (и Windows 8) с ее революционными стилистически простыми и даже намеренно упрощенными интерфейсами. Это было ново и свежо на фоне повального увлечения скеуморфными, натуралистичными иконками в мире Apple. Это было интересно и необычно, в каком-то смысле, знаково, потому что как минимум резко и необратимо решил поменяться и обновиться такой большой и, казалось, неповоротливый монстр как Microsoft.
Читать дальше →

---

[Перевод - recovery mode ] Цвета: ссылки, книги и инструменты, которые сделают вашу жизнь проще

2013-07-31 18:30:48 (читать в оригинале)

Цвет — конечно, очень важный элемент проекта, и выбор лучшей цветовой палитры для проекта является чем-то, чему действительно должны выделить время. Кроме понимания теории цвета нужно иметь еще и представление о психологии цвета, вы должны убедиться, что ваш выбор будет не только хорошо выглядеть, но и иметь хороший баланс и доставить правильное сообщение. Размышляя об этом, мы решили собрать некоторые советы, книжные рекомендации, ссылки к интересным статьям, а также некоторые инструменты и приложения, которые сделают вашу жизнь легче, когда речь идет о цвете.
Читать дальше →