Хабрахабр: Метки / design http://habrahabr.ru/rss/tag/design/ ru editor@habrahabr.ru habrahabr.ru Sat, 11 Feb 2012 03:02:06 GMT http://habrahabr.ru/ http://habrahabr.ru/i/logo.gif Хабрахабр <![CDATA[Блог компании Microsoft / Метролинч и новые материалы в metro-хабе на MSDN]]> http://habrahabr.ru/company/microsoft/blog/137395/ http://habrahabr.ru/company/microsoft/blog/137395/

В начале декабря мы писали о запуске metro-хаба на MSDN, собирающего ссылки на полезные ресурсы и статьи, посвященные дизайну для Windows Phone (и в недалеком будущем Windows 8).

Мы также запустили новую серию статей — метролинчи, посвященные практическим рекомендациям по улучшению дизайна приложений.

Под хабракатом подборка новых материалов
]]> Wed, 01 Feb 2012 06:08:44 GMT kichik metrodesignwindows phonewindowsmsdn <![CDATA[Веб-дизайн / [Из песочницы] Один дизайн или много?]]> http://habrahabr.ru/blogs/web_design/136556/ http://habrahabr.ru/blogs/web_design/136556/
image
Читать дальше →
]]> Wed, 18 Jan 2012 22:36:51 GMT Exitmusic дизайнэтапымакетыстудияколичество макетовразработка сайтовюзабилититестирование сайтовфриланс <![CDATA[Дизайн в IT / [Перевод] Как улучшить выбор страны из списка]]> http://habrahabr.ru/blogs/design/136334/ http://habrahabr.ru/blogs/design/136334/ Представляю вашему вниманию перевод статьи под названием "Redesigning The Country Selector" от Christian Holst. Перевели в компании UXDepot специально для пользователей Хабрахабра с одобрением издания Smashing Magazine.
Выбор страны. Обычно он встречается тогда, когда вы регистрируетесь на новом веб-сервисе, оформляете заказ в интернет-магазине, или же оформляете участие в конференции. Что обычно представляет из себя выбор страны? Выпадающий список с перечнем всех доступных стран.



Однажды, проводя масштабные юзабилити-тестирования (о которых мы писали на Smashing Magazine в апреле 2011. Примечание переводчиков: мы перевели и эту статью тоже. Обязательно ознакомьтесь :), мы последовательно столкнулись с несколькими проблемами, связанными с выбором страны. Якоб Нильсен сообщал о похожих моментах в 2000 и 2007 годах, когда он тестировал выпадающие списки с большим количеством внутренних элементов, к примеру, таких, как перечни штатов или стран.

Читать дальше →
]]> Mon, 16 Jan 2012 11:30:41 GMT DezmASter дизайнпроектированиеюзабилитиинтерфейсывыпадающий списоксписок странuxuiuxdepouxdepot <![CDATA[OpenStreetMap / Несколько интересных новостей OpenStreetMap — 12]]> http://habrahabr.ru/blogs/openstreetmap/135346/ http://habrahabr.ru/blogs/openstreetmap/135346/
  • ДубльГИС вслед за СканЭкс (Космоснимки.ру) стал использовать данные OSM на своём сайте. Их можно увидеть так или так.
  • Как известно, Яндекс снял трассу Москва-СПб. Её можно использовать для внесения данных в OSM.
  • Видеоурок по редактору JOSM на русском языке. Смотреть всем!
  • Если у вас Linux, проверьте какую версию редактора JOSM вы используете.
  • Логотип и сайт OSM будут переделаны с новым дизайном
  • Как оказалось, у OSM очень много проблем.
  • Какой будет карта после отчистки от правок несогласных с новой лицензией
  • 'надо у кого-нибудь на даче высадить кусты в виде надписи «CC-BY-SA». Все космоснимки будут нашими.' © trolleway
    • ]]>     Mon, 26 Dec 2011 19:58:22 GMT TarzanASG OpenStreetMapДубльГИС2ГИСЯндексМосква-Санкт-ПетербургJOSMвидеоурокLinuxдизайнлоготипюмор     <![CDATA[Блог компании «Афиша» и «Рамблер» / Запущена бета новых «Рамблер-Новостей»]]> http://habrahabr.ru/company/rambler/blog/135121/ http://habrahabr.ru/company/rambler/blog/135121/ бета-версию наших новых «Рамблер-Новостей».



    На beta.news.rambler.ru можно увидеть, как будут выглядеть новости на «Рамблере» уже совсем скоро — в нашем новом фирменном стиле и с новыми интерфейсами.
    Читать дальше →
    ]]>     Thu, 22 Dec 2011 10:47:23 GMT kreynin рамблер-новостиновостиребрендингдизайнрамблер     <![CDATA[Системное администрирование / Сети для самых маленьких. Часть нулевая. Планирование]]> http://habrahabr.ru/blogs/sysadm/134892/ http://habrahabr.ru/blogs/sysadm/134892/ thegluck долго думали с чего начать: маршрутизация, VLAN'ы, настройка оборудования.
    В итоге решили начать с вещи фундаментальной и, можно сказать, самой важной: планирование. Поскольку цикл рассчитан на совсем новичков, то и пройдём весь путь от начала до конца.

    Предполагается, что вы, как минимум читали о эталонной модели OSI (то же на англ.), о стеке протоколов TCP/IP (англ.), знаете о типах существующих VLAN’ов (эту статью я настоятельно рекомендую к прочтению), о наиболее популярном сейчас port-based VLAN и о IP адресах (более подробно). Мы понимаем, что для новичков «OSI» и «TCP/IP» — это страшные слова. Но не переживайте, не для того, чтобы запугать вас, мы их используем. Это то, с чем вам придётся встречаться каждый день, поэтому в течение этого цикла мы постараемся раскрыть их смысл и отношение к реальности.

    Схема сети

    Начнём с постановки задачи. Есть некая фирма, занимающаяся, допустим, производством лифтов, идущих только вверх, и потому называется ООО «Лифт ми ап». Расположены они в старом здании на Арбате, и сгнившие провода, воткнутые в пожжёные и прожжёные коммутаторы времён 10Base-T не ожидают подключения новых серверов по гигабитным карточкам. Итак у них катастрофическая потребность в сетевой инфраструктуре и денег куры не клюют, что даёт вам возможность безграничного выбора. Это чудесный сон любого инженера. А вы вчера выдержали собеседование и в сложной борьбе по праву получили должность сетевого администратора. И теперь вы в ней первый и единственный в своём роде. Поздравляем! Что дальше?
    Читать дальше →
    ]]>     Thu, 22 Dec 2011 07:57:43 GMT eucariot сети для самых маленькихciscoпланированиедизайнпроектированиесетипередача данныхipvlan     <![CDATA[Я пиарюсь / Бесплатные иконки на заказ]]> http://habrahabr.ru/blogs/i_am_advertising/134928/ http://habrahabr.ru/blogs/i_am_advertising/134928/ Icons8 мы делаем иконки на заказ всем желающим.
    Только три штуки в день.



    Где подвох? Давайте я вам расскажу, а вы скажете, есть тут подвох или нет.
    Читать дальше →
    ]]>     Tue, 20 Dec 2011 07:42:01 GMT vorotila iconsdesignскачатьicon set     <![CDATA[Дизайн в IT / В России умеют не только программировать]]> http://habrahabr.ru/blogs/design/134837/ http://habrahabr.ru/blogs/design/134837/
    Однако, при наличии в Вашем проекте связки софт+железо шансы на успех возрастают многократно. Китай, конечно, все скопирует, но не сразу.

    image

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

    Читать дальше →
    ]]>     Mon, 19 Dec 2011 07:01:19 GMT PapaBubaDiop проектированиедизайнпромышленныйiPhoneнахлобучка     <![CDATA[Интеллектуальная собственность / [Перевод] Война и Мир]]> http://habrahabr.ru/blogs/patent/134758/ http://habrahabr.ru/blogs/patent/134758/
    Image #1320145, 119.2 KB
    Читать дальше →
    ]]>     Fri, 16 Dec 2011 21:40:04 GMT ACTPOHABT AppleAndroidSamsungMotorolaHTCGoogleпатентыдизайнGalaxy TabiPadiPhoneSteve JobsTom Cook     <![CDATA[Twitter / Твиттер представил новый дизайн]]> http://habrahabr.ru/blogs/twitter/134269/ http://habrahabr.ru/blogs/twitter/134269/

    Твиттер сегодня представил новую версию своего интерфейса. Новый дизайн будет единым для Twitter.com и для мобильных приложений. Кроме того, в соответствие с ним было приведено приложение TweetDeck.

    На странице fly.twitter.com подробно рассказано о грядущих изменениях.

    Новый дизайн Твиттера будет становиться доступным в течение ближайших недель. Вы можете увидеть его прямо сейчас в обновлённых версиях mobile.twitter.com и приложений Твиттера для iPhone и для Android. Если вы обновите и войдёте в новое мобильное приложение, то новый дизайн должен появится и на вашем компьютере.

    Как известно, последний раз Твиттер кардинально менял дизайн чуть больше года назад.

    via Twitter Blog]]>     Thu, 08 Dec 2011 18:12:39 GMT aleksandrit ТвиттерTwitterдизайн     <![CDATA[Дизайн в IT / [Перевод] Исследование о мобильных интерфейсах]]> http://habrahabr.ru/blogs/design/133684/ http://habrahabr.ru/blogs/design/133684/ Представляю вашему вниманию перевод статьи под названием "A Study of Trends in Mobile Design" от Alexander Dawson. Перевели в компании UXDepot специально для пользователей Хабрахабра с одобрением издания Smashing Magazine.
    Индустрия веб-дизайна развивается сразу во многих направлениях, но одна ее область повлияла на то, как мы строим сайты, больше чем любая другая. Всплеск количества мобильных устройств, позволяющих выходить в интернет, породил субкультуру пользователей, которые нуждаются в том, чтобы веб-сайты адаптировали под их устройства. Несмотря на то, что веб-дизайн для мобильных устройств все еще находится в зачаточном состоянии (и первичных исследований насчет тенденций в этой области очень мало), нам следует понаблюдать, как развивается этот критичный элемент веб-индустрии, а также следует знать паттерны, которые появились в результате развития этой области.



    Цель этой статьи — рассказать вам о методах, которые используются на самых популярных сайтах для того, чтобы предоставить пользователям мобильных устройств удобное и (надеемся) полезное взаимодействие. Среди проанализированных сайтов много известных компаний, например Facebook и Amazon. Мы приготовили для вас настоящий экскурс в мир мобильного веб-дизайна, со статистикой и по-настоящему интересными открытиями.
    Читать дальше →
    ]]>     Tue, 06 Dec 2011 06:48:11 GMT DezmASter дизайнпроектированиедизайн интерфейсовюзабилитиинтерфейсыuiuxguiмобильные сайтымобильные телефонытрендыuxdepot     <![CDATA[Блог компании Digital Professionals Hub / Запущен Metro-хаб на MSDN]]> http://habrahabr.ru/company/webprofessionals/blog/134027/ http://habrahabr.ru/company/webprofessionals/blog/134027/

    Приятная новость от команды MSDN — в связи с большим интересом к платформе Windows Phone и повышенный спрос на дизайнерские ресурсы, решено запустить отдельный центр на MSDN, посвященный именно вопросам metro-дизайна.
    Читать дальше →
    ]]>     Mon, 05 Dec 2011 12:58:44 GMT WhiteEagle windows phonemetro-designmetrodesignwindows     <![CDATA[Веб-дизайн / Рынки envato глазами дизайнера]]> http://habrahabr.ru/blogs/web_design/134016/ http://habrahabr.ru/blogs/web_design/134016/ Теперь рассмотрим все ресурсы, которые там есть.

    Activeden




    Тут можно найти все, что связано с Flash или Flex, начиная то прелоадера и заканчивая галлереями и полноценными сайтами. Особенно хочется выделить раздел с facebook шаблонами, который очень часто обновляется и раздел с галереями, которые поражают своей потрясающей анимацией.
    Читать дальше →
    ]]>     Mon, 05 Dec 2011 12:02:47 GMT pavlushka работа дизайнерадизайнердизайнenvatoдизайнеру     <![CDATA[Блог компании Fidel / Fidel for iPhone]]> http://habrahabr.ru/company/fidel/blog/133884/ http://habrahabr.ru/company/fidel/blog/133884/
    Мало просто говорить о том, что мы безумно любим музыку. Проще это показать.

    Наше приложение для iPhone это воплощение нашего взгляда на то, как можно удобно слушать, управлять и быть всегда с музыкой. Здесь все, начиная дизайном и заканчивая каталогом говорит о том, что музыка может быть рядом.

    А на сладкое есть специально отобранный каталог фильмов, которые действительно стоит посмотреть.

    Качайте, слушайте и получайте удовольствие.

    Скачать Fidel в AppStore
    Сервис Fidel

    Читать дальше →
    ]]>     Fri, 02 Dec 2011 13:19:32 GMT Fringeman iphonefidel.ruiOS developmentдизайнмузыкавидео     <![CDATA[Блог компании Microsoft / Мы запустили Metro-хаб на MSDN]]> http://habrahabr.ru/company/microsoft/blog/133882/ http://habrahabr.ru/company/microsoft/blog/133882/

    Друзья! Видя большой интерес к платформе Windows Phone и повышенный спрос на дизайнерские ресурсы, мы решили запустить отдельный центр на MSDN, посвященный именно вопросам metro-дизайна (короткая ссылка: bit.ly/metrodesignhub).

    Сегодня мы выложили ссылки на основные видео-материалы, гайдлайны и шаблоны. В планах дополнительные статьи по отдельным аспектам дизайна для Windows Phone и Windows.

    Расскажите нам, что бы вы хотели видеть в данном хабе и какой информации по дизайну вам не хватает.]]>     Fri, 02 Dec 2011 12:57:45 GMT kichik windows phonemetro-designmetrodesignwindows     <![CDATA[Веб-дизайн / Десяток ресурсов, которые помогают быть дизайнером]]> http://habrahabr.ru/blogs/web_design/133793/ http://habrahabr.ru/blogs/web_design/133793/
    Я уверен, что у каждого дизайнера есть набор сайтов, на которые они периодически заходят для того что бы черпать это самое вдохновение. У меня так же есть такой список. И я хочу им с вами поделиться.

    Естественно, если вы расскажите о своих ресурсах, я буду благодарен.

    Хочу сразу предупредить, что практически все ресурсы, собранные мной — англоязычные. Только лишь один на русском. Так же я не очень приветствую узкопрофильные ресурсы (речь о ресурсах, на которых можно скачать только кисти для photoshop и прочее).
    Читать дальше →
    ]]>     Thu, 01 Dec 2011 17:09:11 GMT pavlushka дизайндизайн блогио дизайне     <![CDATA[Google / Как включить новый дизайн Google]]> http://habrahabr.ru/blogs/google/133761/ http://habrahabr.ru/blogs/google/133761/ анонсировала свой новый дизайн, а точнее новую навигацию на своих сайтах.



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

    1. Переходим на сам Google.
    2. Нажимаем Ctrl + Shift и J в Google Chrome (для открытия Developer Tools) или Ctrl+Shift+K в Firefox
    3. Выбираем вкладку «Console» и вводим код:

    document.cookie="PREF=ID=03fd476a699d6487:U=88e8716486ff1e5d:FF=0:LD=en:CR=2:TM=1322688084:LM=1322688085:S=McEsyvcXKMiVfGds; path=/; domain=.google.com";window.location.reload();

    4. Profit!

    UP: Если вы используете другой (региональный) домен, то измените domain=.google.com на .google.ru .google.co.uk и.т.]]>     Thu, 01 Dec 2011 08:37:04 GMT userpiv Googledesign     <![CDATA[Дизайн в IT / [Перевод] Проектирование и дизайн сайтов Би-Би-Си]]> http://habrahabr.ru/blogs/design/133681/ http://habrahabr.ru/blogs/design/133681/ Представляю вашему вниманию перевод статьи под названием "User Experience and the design of news at BBC World Service" от Tammy Gur. Перевели в компании UXDepot специально для пользователей Хабрахабра с одобрением компании BBC и издания Johny Holland Magazine.



    Проектирование окружающей среды для стремительного потока информации, проходящего через новостной веб-сайт в режиме нон-стоп — это вызов, не похожий ни на что другое. Команда дизайнеров и специалистов в области UX в BBC World Service создает новостные сайты для десктопных и мобильных браузеров на 27 языках, удовлетворяя различные аудитории по всему миру. В этой статье мы поделимся этим опытом с вами.
    Читать дальше →
    ]]>     Wed, 30 Nov 2011 06:40:02 GMT DezmASter bbcuxuiдизайнпроектированиедизайн интерфейсовпроектысайтновостиюзабилитиuxdepot     <![CDATA[Mobile Development / [Из песочницы] Основы разработки мобильных приложений на HTML5 для устройств Nokia]]> http://habrahabr.ru/blogs/mobiledev/133526/ http://habrahabr.ru/blogs/mobiledev/133526/ Умные телефоны за умные посты".

    HTML5 — новая технология, которая позволяет создавать приложения различного уровня сложности. Конечно, не все мобильные браузеры поддерживают HTML5 в полном объеме.
    Новые модели Nokia поддерживают html5.

    Онлайн, офлайн и LocalStorage
    Самой лучшей особенностью HTML5 я считаю
    Читать дальше →
    ]]>     Tue, 29 Nov 2011 11:03:36 GMT jenek555 n9_contestNokiahtml5дизайн     <![CDATA[LiveStreet CMS / Итоги конкурса на новый дизайн LiveStreet CMS]]> http://habrahabr.ru/blogs/livestreet/133605/ http://habrahabr.ru/blogs/livestreet/133605/ новый дефолтный дизайн LiveStreet CMS.
    Из более чем 30 работ мы выбрали трех победителей.

    1 место — 20 000 рублей + дефолтный шаблон в дистрибутиве LS

    image
    Читать дальше →
    ]]>     Tue, 29 Nov 2011 09:45:05 GMT ort livestreetконкурсшаблондизайнпризысоциальные сетидвижок социальной сети