Веб-дизайн

индекс
73,43
вчера в 20:01

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №167 (29 июня — 4 июля 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

13827
89
alexzfort 84,8
3 июля в 15:05

Укрощение интерфейса антивируса



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

Итак, перед нами стояла задача сделать интерфейс антивируса для сайтов. Он должен быть удобным, простым и быстрым. О скорости и подходе проектирования на слоях мы уже писали в предыдущих постах. Сервис Вирусдай включает в себя пять инструментов. Здесь я расскажу о компоновке и функциональности элементов первого из них — антивируса.
4582
29
tegArt 93,5
2 июля в 01:37

Эффективное изменение размера картинок при помощи ImageMagick перевод

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

Веб таким образом работает отлично, но для доставки картинок разных размеров разным пользователям необходимо все эти картинки сначала создать.

Множество инструментов занимается изменением размера, но слишком часто они выдают большие файлы, аннулирующие выигрыш в быстродействии, который должен приходить вместе с отзывчивыми картинками. Давайте рассмотрим, как при помощи ImageMagick, инструмента командной строки, быстренько изменять размеры картинок, сохраняя превосходное качество и получая файлы небольших объёмов.

Большие картинки == большие проблемы


Средняя веб-страница весит 2 Мб, из них 2/3 – картинки. Миллионы людей ходят в интернет через 3G, или ещё хуже. 2Мб-сайты в этих случаях работают ужасно. Даже на быстром соединении такие сайты могут израсходовать лимиты трафика. Работа веб-дизайнеров и разработчиков – упростить и улучшить жизнь пользователя.

image

Очень маленькие сайты могут просто сохранить несколько вариантов всех картинок. Но что, если у вас их дофига? Например, в магазине может быть сотня тысяч картинок – не делать же их варианты вручную.

ImageMagick


Утилита командной строки с 25-летним стажем в то же время является редактором картинок с полным набором функций. В ней огромная куча функций, и среди них – быстрое и автоматическое изменение размера картинок. Но с настройками по умолчанию файлы часто получаются излишне большими – иногда по объёму больше оригинала, хотя в них и меньше пикселей. Сейчас я объясню, в чём проблема, и покажу, какие настройки необходимы для её решения.
+26
8532
263
SLY_G 132,8
1 июля в 14:55

Как заменить однородный фон прозрачным с помощью Imagemagick

Бывает, что на сайт загружаются картинки с однородным фоном и возникает потребность в автоматической замене его (фона) на прозрачный.

Часто такая фича нужна для фотографий товаров в интернет-магазине, картинок, которые накладываются на корпоративный фон и других фоток, не портящих дизайн сайта. Вырезать каждую фотку вручную фотошопом довольно грустно, но есть php-методы, с помощью которых это можно «поставить на поток».
image
+18
11826
185
moccachin 60,8
30 июня в 12:38

Стартовал Золотой Сайт 2015

Привет, хабр! В прошлом году мы перезапустили старейший конкурс интернет-проектов в России — Золотой Сайт (вручается аж с 1997 года). Провели ребрендинг, сделали новый сайт, новые номинации и еще кучу всего. В результате на конкурс было подано более 1000 сайтов, и на церемонии награждения мы вручили призы почти по 60 номинациям. Получили в процессе огромное количество фидбэка от участников и зрителей, положительные эмоции и ощущение причастности к старейшему конкурсному проекту Рунета.

Прошел почти год, и сейчас мы открываем прием заявок на Золотой Сайт 2015.

image

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

Во-первых, очередным председателем жюри конкурса стал Федор Вирин. С его помощью мы еще раз переколбасили список номинаций — и теперь они лучше покрывают все многообразие тематик. Помимо базовых номинаций мы ввели «золотые категории» (общего характера вроде «Лучший UI/UX»), будут призы региональным проектам и несколько гран-при.

Во-вторых, мы стараемся сделать самый честный и прозрачный конкурс сайтов на рынке. В прошлом году мы открыли все голоса всех членов жюри по всем работам. Такого раньше не делал никто из схожих конкурсов/премий. В этом году, конечно, сделаем это снова.
0
2561
9
Terekhov 0,0
29 июня в 02:15

Эффективная разработка логотипа, часть 2: использование природных шаблонов перевод

Часть 1

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

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

Человек изобретает вещи, навязывая форму природе. Человек открывает вещи, обнаруживая шаблоны природы.

— Алан Флетчер


Основное свойство шаблонов – повторяемость. Их можно читать, как истории. Человечество изучало язык природы для выживания. Периодическая миграция сдат, проход созвездий по небосводу и свойства различных почв – это всё примеры шаблонов, создающих ожидания, от которых мы зависим. Дизайнеры используют природные шаблоны, поскольку на них можно положиться. Биомимикрия важна не только для дизайнеров продукта. Графика, вдохновлённая биологией, может сделать логотип сильнее, ссылаясь на шаблон, известный на подсознательном уровне всем людям.

image

Взаимоотношения природных шаблонов и дизайна


Понимание того, как шаблоны работают в природе, помогает дизайнеру выбирать самые подходящие визуальные элементы для описания уникальных свойств клиента, при этом используя понятные всем концепции. Когда первый взгляд аудитории схватывает основную визуальную информацию, открывается возможность для передачи остальных деталей.
+8
8286
113
SLY_G 132,8
28 июня в 23:27

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №166 (22 — 28 июня 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


+18
23890
173
alexzfort 84,8
28 июня в 00:02

Эффективная разработка логотипа, часть 1: символы, метафоры и возможности интуиции перевод

Ни одному дизайнеру не удаётся всё время создавать восхитительные работы. Создание хорошего дизайна требует значительных усилий, но достигать удивительного результата порой получается совершенно не напрягаясь. Многие дизайнеры следуют интуиции во время творческого процесса, и включают общепринятые символы и метафоры в свои работы просто потому, что они «чувствуют» их уместность. Интуицией можно воспользоваться любой, а особенно полезна она в творческой деятельности. Она ведёт дизайнеров к решениям, согласующимся с общепринятыми знаниями.

На дизайн бывает три реакции: да, нет и ОГО! К «ого» и нужно стремиться.

— Милтон Глейзер


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

Интуитивный процесс дизайна


Интуиция – это бессознательное восприятие

— Карл Юнг


Всегда есть люди, отметающие то, что нельзя измерить. Но многие мыслители отдавали должное интуиции. Альберт Эйнштейн, Ричард Бакминстер Фуллер, Карл Юнг, Рэй Бредбери, Стив Джобс и даже Алан Тьюринг, знаменитый логик и криптоаналист, понимали, что математические доказательства основываются на «интуиции и гениальности». Великие мыслители и футуристы отводят интуиции ключевую роль в процессе решения задач. Для дизайнеров интуиция – это не нечто чужеродное, это больше похоже на дыхание. В интуиции, как в воде, плавают многие творцы, в то время, как их интеллект диктует формулу для исполнения и оформления конечного продукта.
+5
10115
156
SLY_G 132,8
26 июня в 16:34

Топ новых возможностей для Web, UX и дизайнеров мобильных приложений в Photoshop 2015 перевод

Компания Adobe выпустила обновление для своего приложения Photoshop, содержащее массу полезностей и долгожданных улучшений для пользователей, особенно эти улучшения порадуют разработчиков макетов сайтов и интерфейсов приложений. В статье-переводе содержится краткий обзор топовых функций и ссылки на обучающие и справочные материалы, комментарии переводчика.
+3
5779
49
Jkzzkj 4,0
25 июня в 21:37

Создание дизайна для дальтоников (и вместе с ними) перевод



Каждый раз, как кто-то узнает, что я дальтоник, я отвечаю на один и тот же вопрос: «Какой это цвет?». В 95% случаев я отвечу правильно, и поэтому мне задают еще один вопрос: «Подожди, значит, ты понимаешь, что это [вставить название цвета]? Так что ты видишь?». И тут начинается процесс объяснения того, как работает дальтонизм, и как он на меня влияет.
+46
29807
166
shimapa23 36,8