22 заметки с тегом

дизайн

Ctrl + ↑ Позднее

Скайпные непонятности

Я перестал обновлять скайп. Вообще. Микрософты творят с ним какую-то дичь. Но недавно я открыл скайп на телефоне, и он обновился сам.

В новом дизайне меня смутила пара моментов.

Цитаты:

Первая мысль у меня была: «Что? 66 цитируемых сообщений?», и только через пару секунд я допетрил, что это кавычки. Кстати, разный цвет кавычек и букв практически не отличается в мелком масштабе на телефоне.

По-моему, логичнее бы было сделать вот так:

Кавычки сразу стали похожи на кавычки, а не на шестерки.

Второй момент, который меня смутил был связан с иконками.

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

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

Мораль: задрачивайтесь на мелочи. Из них складывается общая картина.

2017   было-стало   дизайн   скайп

Дизайн и логотип сайта «Enzex BTC»

Задача: Сделать строгий и современный дизайн криптовалютного сайта.

Результат:

Решение: Изучаю сайт-пример:

Думаю над шрифтами. Для заголовочного хорошо подойдёт Roboto Slab. Его засечки напоминают логотип биткойна:

А для основного шрифта отлично зайдёт Ubuntu. Его современные, даже хайтековые формы выглядят свежо.

Делаю первый подход к снаряду:

Заказчику не нравится большое количество белого цвета. Не достаточно серьёзно.

Серьёзним макет:

Заказчик просит убрать блок «Our features» и плашки «Comodo», «Anti DDOS» и «Bitcoin», а так же добавить место под слоган.
Пересыпаю с мыслями о том, как сделать макет лучше. Решаю поменять цвет кнопок, чтоб они не терялись.

Хоп:

Заказчик принимает главную. Начинаю работать над логотипом.

Рисую карту ассоциаций:

И начинаю накидывать логотипы:

Заказчик выбирает один из вариантов.

Начинаю делать внутренние страницы. Много внутренних страниц!

Страницы принимаются.

Навожу марафет в слоях. Пишу комменты верстальщику и делаю ховеры:

Передаю файлы заказчику.

2017   дизайн   портфолио

Про отступы

Абзацный отступ или так называемая «красная строка» в вебе выглядят ущербно. Для разделения абзацев лучше всего использовать швейцарский отступ.

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

Недавно на Студии имени сами-знаете-кого сделали один неоднозначный логотип.
Что в нём неоднозначного? Меня смущает вот эта картинка:

Когда ИГИЛ (запрещенный на территории Российской Федерации) мелькает в новостях каждый день, использовать пиктограммы взрывов на карте по-моему не самая лучшая идея. Я уверен, что не у меня одного эта картинка вызывает только одну ассоциацию — теракты.

2017   дизайн   лебедев   мысли

Порядок оформления телефонных номеров

Телефонные номера на сайтах можно встретить в самых разнообразных форматах:

Однако в России телефоны принято записывать таким образом: 8 (123) 456-78-90. Пробелы и скобочки поставлены правильно. Исключением можно назвать только многоканальные номера, начинающиеся на 8 8005553535, они оформляются без скобок: 8 800 123-45-67.

+7 вместо восьмёрки можно ставить, если это телефон международной организации, у которой есть клиенты за границей, так как «+7» — это международный код России. Делая сайт магазину автозапчастей «У Васи», в городе Саратове «+7» не нужен. Ведь звонить ему будут только саратовчане.

2017   дизайн   телефон

О задаче дизайнера

Первоочередная задача дизайнера — сделать удобно и понятно.

А сделать красиво — первоочередная задача пиротехника.

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

Можно сделать курсор мышки маленьким драконом, который испускает симпатичный след из искр и пламени. Это, безусловно, будет красивее белой стрелочки в черной обводке, но будет ли удобнее? Можно набрать уличный указатель витиеватой буквицей, но будет ли понятнее?

2017   дизайн

Каменный век интернета

Есть вещи, которые устаревают. Кто сейчас пользуется пейджером, домашним телефоном или услугами видеопроката? Можно, конечно, найти олдфага, который с гордостью заявит, что до сих пор смотрит фильмы на VHS. Но это скорее прихоть. Этот человек добровольно отказывается от технологий — ведь сейчас можно не перематывая кассету, просто скачать купить любой фильм, и насладиться харизмой МакКейна или стальной поступью T-800. Человек пользующийся видеомагнитофоном, сейчас вызовет удивление. Почему же так не работает с интернетом?

Многие вещи в интернете устаревают, я, как дизайнер, говорю сейчас в первую очередь о функционале сайтов. Кому, например, нужна вкладка «главная»? А ведь она до сих пор встречается на многих сайтах. Сейчас это рудимент. Чтоб перейти на главную страницу, достаточно кликнуть на логотип сайта или воспользоваться крошками. Признаюсь, я сам грешу этим по вине заказчиков, для которых «главная» — обязательная вещь. Это устоявшийся стереотип. Должно пройти немного времени, и «главная» исчезнет, как это в своё время случилось с гостевыми книгами.
Но, давайте, будем честны… «главная» не идёт ни в какое сравнение с другим «динозавром», который бесит по-настоящему.

Регистрация
Начнём с того, что на подавляющем большинстве ресурсов регистрация просто не нужна. Вы не должны регистрироваться, чтоб скачать файл, купить рубашку или посмотреть ролик. Но если же на сайте присутствует регистрация, то обязательно должна быть форма авторизации через сторонние ресурсы. Ведь по сути, регистрация — это авторизация через сторонний ресурс: электронную почту. И если раньше, вы должны были вручную заполнять десяток полей, то сейчас можно просто кликнуть на пару кнопок, и войти на нужный ресурс, скажем, через гугль плюс.

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

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

Авторизация должна быть в приоритете:

Авторизироваться — пара кликов. Зарегистрироваться — пара минут. Самое важное — помнить о том, что люди в интернете ленивые, и предпочтут они, конечно, первое.

2017   дизайн   интернет

Дизайн сайта студии красоты «Акцент»

Задача: Нарисовать дизайн сайта для салона красоты.

Из ТЗ: белый фон, зона логотипа бежевая с узорами … шрифт на главной странице немного с наклоном, тёмно-серого или малинового цвета.

Решение: Для основного шрифта был выбран мармелад. Его аккуратные дутые формы, как нельзя лучше подходят для девичьего сайта. Старый-добрый белый фон, выглядит опрятно, а на аппетитные малиновые кнопки хочется жмякать.

Главная страница:

Разумеется, всё по сетке:

Ну и опция «довольный верстальщик» — все слои сгруппированы, присутствуют состояния кнопок и заметки:

Внутренние страницы:

2017   дизайн   портфолио

Самая нездоровая вещь в автомобильном дизайне

Как сделать автомобиль уродливым? Просто пустить линию багажника не в ровень с линией окон.

Жопа выглядит массивной и неуклюжей
А вот тут силуэт довольно симпатичный.

P.S. Специально выбрал тазы — машины одного производителя и примерно равные по цене.

2017   авто   дизайн

Неправильный ютуб

Есть одна вещь на ютубе, которая меня дико бесит.

Как есть сейчас:

А вот как надо:

Казалось бы мелочь, однако пламя неизбежно плавит стул.

2017   было-стало   дизайн   пламя   ютуб
Ctrl + ↓ Ранее