Случайны выбор дневника Раскрыть/свернуть полный список возможностей


Найдено 5707 сообщений
Cообщения с меткой

иконки - Самое интересное в блогах

Следующие 30  »
Эврика-121269

Животные. (128px × 128px)

Воскресенье, 29 Мая 2016 г. 19:36 (ссылка)





Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
Эврика-121269

«Чужой».(128px × 128px)

Воскресенье, 29 Мая 2016 г. 18:28 (ссылка)






Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
Эврика-121269

Перчики.(128px × 128px)

Воскресенье, 29 Мая 2016 г. 17:47 (ссылка)






Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
SoftLabirint

Прибыльный интернет магазин на Joomla + Joomlakassa (2016) Видеокурс » SoftLabirint.Ru: Скачать бесплатно и без регистрации - Самые Популярные Новости Интернета

Среда, 25 Мая 2016 г. 17:31 (ссылка)
softlabirint.ru/video/video...okurs.html


Прибыльный интернет магазин на Joomla + Joomlakassa (2016) Видеокурс

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

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



Список уроков:

Прибыльный интернет магазин на Joomla + Joomlakassa (2016) Видеокурс



КАКИЕ ДОСТОИНСТВА ЕСТЬ У"JOOMLAKASSA" ?

-Возможность неограниченного вложения категорий в категорию.

-Пользовательский выбор макета списка продуктов, между блоками и таблицей.

-Фильтрация продуктов по стоимости, производителю и дополнительным атрибутам.

-Сортировка продуктов по наименованию, наличию, стоимости и т.д.

-Иконки: "Акция", "Скидка", "Хит" и "Новое" отображаемые с изображением продукта в зависимости от настроек компонента.

-Современная галерея – слайд шоу изображений продукта.

-Система голосования за продукт (Рейтинг).

-Связанные продукты.

-Дополнительное описание продукта во вкладках.

-Варианты продукта с возможностью изменения его стоимости.

-Иконки социальных сетей для рекомендации продукта.

-Интеграция комментариев от популярных систем комментариев.

-Аккаунт покупателя.

-Список желаний.

-Многофункциональная корзина покупателя.

-Страница заказа с настраиваемой формой платежа и вариантами доставки.

-Выбор оплаты продукта: наличным расчётом или оплата онлайн.

-Выбор покупателем системы оплаты для совершения платежа.

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

-Защита от прямого доступа к странице успешной покупки.

-Защита от прямого доступа к загружаемым файлам.

-Тестовый режим совершения платежа, имитируя процесс обработки в системе платежа.

-Сообщения об оплате на email покупателя и администратору магазина.

-Добавление и редактирование продукта с внешнего интерфейса магазина.

-Экспорт и импорт в/из CSV файл.

-Экспорт продуктов в Яндекс.Маркет.

-И многое другое…

 



Прибыльный интернет магазин на Joomla + Joomlakassa (2016) Видеокурс



Прибыльный интернет магазин на Joomla + Joomlakassa (2016) Видеокурс



Прибыльный интернет магазин на Joomla + Joomlakassa (2016) Видеокурс






Информация о видеокурсе

Название: Прибыльный интернет магазин на Joomla + Joomlakassa

Автор: Федор Васильев

Год выхода: 2016

Жанр: Видеокурс

Язык: Русский

Выпущено: Россия

Продолжительность: долго



Файл

Формат: MP4 (+ доп. материалы)

Видео: AVC, 1280x720, ~837 Kbps

Аудио: AAC, 126 Kbps, 48.0 KHz

Размер: 2 Gb



Скачать: Прибыльный интернет магазин на Joomla + Joomlakassa (2016) Видеокурс >>>



 



Подписка на новости сайта…

http://feeds.feedburner.com/Soft-Labirint

http://feeds.feedburner.com/Soft-Labirint?format=xml

https://feedburner.google.com/fb/a/mailverify?uri=Soft-Labirint

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
Эврика-121269

Времена года.

Понедельник, 23 Мая 2016 г. 13:29 (ссылка)







Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
Эврика-121269

Иконки. GIF.

Суббота, 14 Мая 2016 г. 10:02 (ссылка)



















Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
Эврика-121269

Иконки. GIF.

Пятница, 13 Мая 2016 г. 19:04 (ссылка)








Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
SoftLabirint

Новые темы для оформления Windows 10 (07.04.2016) » SoftLabirint.Ru: Скачать бесплатно и без регистрации - Самые Популярные Новости Интернета

Пятница, 08 Апреля 2016 г. 22:39 (ссылка)
softlabirint.ru/soft/system...42016.html


Новые темы для оформления Windows 10 (07.04.2016)

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



Дополнительная информация:



• Все темы и дополнительный софт для удобства упакованы в один образ;

• Образ можно как смонтировать на виртуальный привод, так и просто извлечь с помощью любого архиватора;

• Все скриншоты сделаны мной лично для подтверждения работоспособности тем при правильной установке;

• Особое внимание прошу уделить описанию установки на новые билды Windows 10 1511 TH2 10586 и выше;

• Тестировал на билде 1511.10586.



Список тем:



• Ades

• Aero White1

• Alien Return Azure

• Anthem Two

• Boomtu

• Ceti for Windows 10

• DeviantArt for Windows 10

• Diversityx VS

• Eroliot White Theme For Windows10

• FFox

• Gray10

• Jarvis

• Longhorn Revealed 10 for Windows 10

• Mac OS X Ultimate

• Magnum

• Meld

• Metro X

• Oxford

• Plainx VS

• Poison

• Slave for WIndows 10

• Soft Glass 10 for Windows 10

• Steam VS

• Tron Theme W10 TH2

• Travelogue X

• Vertex for Windows 10

• Void

• White Noir

• XP Remium 10



Как установить темы в Windows 10:



ВАЖНО !!! Перед началом установки сторонних тем на вашу ОС, учитывайте, то все дальнейшие ваши действия вы делаете на свой страх и риск, никто кроме Вас, не несет ответственность за возможный крах системы, даже при правильном выполнении указаний инструкции. Перед началом установки патча и заменой системных файлов рекомендуем сделать точку восстановления или резервную копию ОС.



• 1. Устанавливаем патч для сторонних тем - UltraUXThemePatcher 3.0.4 (есть в образе), и перезагружаем компьютер.

• 2. Выбираем нужную тему.

• 3. Ищем файлы темы, обычно в отдельную папку помещают файл *название темы.theme, и папку с таким же названием как файл, которая содержит файл *.msstyles и несколько папок с ресурсами.

• 4. Этот файл ( .theme) и папку нужно поместить в директорию C:/Windows/Resources/Themes.

• 5. Если все сделано правильно, то тема отобразится в панели персонализации, где ее вы уже можете применить.

• 6. В некоторых папках есть доп. материал для самостоятельной установки по желанию: кнопки Пуск, иконки и пр.



Инструкция исключительно для установки тем на Windows 10 1511 (TH2 10586) и выше:

• 1. Открыть папку в образе Theme Patcher и извлечь её содержимое.

• 2. Запустить патч UltraUXThemePatcher 3.0.4 от имени администратора и установить следуя подсказкам инсталлятора.

• 3. Из директории "Take Ownership REG files" открыть твик реестра "Add_Take_Ownership_to_context_menu" и согласится на применение.

• 4. Открыть директорию "C:\Windows\System32", найти файлы themeui.dll, uxinit.dll, uxtheme.dll, по каждому из них кликнуть правой кнопкой мыши и выбрать пункт "Take Ownership".

• 5. Далее переименовать файлы themeui.dll, uxinit.dll, uxtheme.dll, в другие любые названия например в: themeui.dll.orig, uxinit.dll.orig, uxtheme.dll.orig.

• 6. Из папки образа "Patch x64" (если у вас 64 разрядная ОС) или "Patch x86" (если у вас 32 разрядная ОС) скопировать все файлы в директорию "C:\Windows\System32".

• 7. Перезагрузить ПК.



Важно! Иконки не устанавливаются вместе с темами, иконки нужно устанавливать отдельно.



Также в образе присутствуют:



• Aero+Glass 1.4.5 - для возвращения прозрачности окон и других элементов дизайна в ОС Windows 8/8.1 и 10.

• StartIsBack++ 1.2.1 - возвращение классического стиля меню Пуск и проводника Windows 7 в ОС Windows 10

• UltraUX Theme Patcher 3.0.4 - патч для применения сторонних тем.

 








Контрольные суммы:

Файл: New Themes For Windows10 7.04.2016.iso

CRC32: 5A649704

MD4: 630B8DFE1888DE41A278A1867C0A434E

MD5: 1B2BABA6D77A2C34A3B966D8CFAAD2D7

SHA-1: 3321D8C8F166F4DF915CD549317EF218C3160796



Дата выпуска: 7 апреля 2016 года

Название: Новые темы для оформления Windows 10 (07.04.2016)

Пак собрал: Leha342

Платформа: Windows 10 (в т.ч версии 1511.10586 и выше)

Количество тем: 29 шт.

Таблетка: Не требуется

Размер: 324.51 MB



Скачать: Новые темы для оформления Windows 10 (07.04.2016) >>>



 



Подписка на новости сайта…

http://feeds.feedburner.com/Soft-Labirint

http://feeds.feedburner.com/Soft-Labirint?format=xml

https://feedburner.google.com/fb/a/mailverify?uri=Soft-Labirint



 

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
Driver2

Как узнать что на флешке вирус и украсить ее оригинальной иконкой?

Вторник, 05 Апреля 2016 г. 20:41 (ссылка)

КАК УКРАСИТЬ ФЛЕШКУ КРАСИВОЙ ИКОНКОЙ (426x316, 38Kb)
Вставляем флешку в компьютер и выполняем инструкцию и витоге у вашей флешки будет своя индивидуальная иконка.
Важно запомнить, что когда вы вставляете флешку в чужой компьютер и картинка не отражается, это значит, на флешку записался вирус – в этом и есть польза данного способа.

Инструкция:
1 шаг. Создаем на флешке текстовый файл Текстовый документ.txt . Затем переименовываем его в autorun.inf Важно! Если у вас не отражается расширение файла, например (avi, txt), вам нужно в "свойствах папки", на вкладке "вид" убрать галочку с "скрывать расширение".

2 шаг. Ищем красивую иконку в Интернете с разрешением 64х64

3 шаг. Открываем наш autorun.inf и пишем в нем следующий текст:
"
[autorun]
icon=1.ico
" без кавычек. 1.ico это название нашей картинки с расширение файла

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

Если на вашу флешку попадет вирус, то он перепишет файл autorun.inf и ваша иконка не будет отображаться - это и будет признаком вируса.

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Подробный обзор Affinity Designer (Mac OS). Часть 2

Вторник, 29 Марта 2016 г. 20:08 (ссылка)

image

В этот раз расскажу о рабочих панелях. Если в общем, то все примерно такое же как в Иллюстраторе. Есть пара непонятных моментов, есть пара очень удобных штук, которых нет у больших конкурентов. Включить все или по отдельности можно в меню «View->Studio->...»







Draw persona



Панель слоев (Layers)



image



Сверху слева направо: прозрачность слоя, режим смешивания, диапазоны смешивания (подробнее чуть ниже), блокировка слоя. Прозрачность слоя можно менять цифрами от 0 до 9 (как в Фотошопе или Скетче), поэтому в панель за этим ходить не обязательно. Для блокировки слоя тоже есть свои клавиши.



Снизу слева направо: автовыбор слоя, маскировка, настройки слоя, эффекты, новый слой, новый пиксельный слой, удалить слой.



Автовыбор слоя: если нажат, выбираете слой кликом на холсте; если отжат, выбраете слой вручную в панели. Уточню, что это работает именно со слоями, которые содержат в себе объекты. А уже внутри слоя объекты всегда выбираются кликом и на холсте, и в слоях.



Маска — точно как Clipping Mask у Адоби, только не поверх одного слоя, а поверх всех, что снизу. Еще она пиксельная — можно рисовать кистью.



Настройки (Adjustments) — слой с различными настройками:



image



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



Для примера — настройки «Selective Colour»:

image

Эффекты слоя — тоже все как у людей

image

Кнопка «Новый слой» добавляет обычный векторный слой.



«Новый пиксельный слой» добавляет слой, на котором вы можете порисовать в режиме «Pixel persona».



Ну, а с корзиной все понятно.



А вот диапазоны смешивания (blend ranges) я, если честно, не понял. Сам я этой штукой не пользуюсь и в других программах такой не видел. Похоже, что оно как-то управляет режимом «просвечивания» слоя. Но при этом здесь у нас не просто режим смешивания (Multiply, Overlay, Soft Light и все такое), а что-то типа смешения и изменения прозрачности одновременно.



Окно диапазонов смешивания:

image



Панель снимков (Snapshots)



image



В этой панельке можно сохранять что-то вроде резервных копий или версий одного документа. Кнопки слева направо: восстановить снимок, сделать новый снимок, удалить снимок, новый документ из снимка. В принципе, по названиям все понятно. Когда делаете новый снимок, вас спросят, как его назвать. По умолчанию Дизайнер называет снимки временем создания.



image



История (History)



image



Все наглядно: возврат к действию по щелчку или ползунком. Дизайнер умеет сохранять историю внутри документа — т.е. можно открыть файл столетней давности и все действия в истории будут «живы». Но для этого надо нажать пунктик в меню:



image



Кисти (Brushes)



image



Кроме, собственно, выбора категории и самих кистей, панелька позволяет создавать свои категории и кисти, редактировать и удалять готовые, импортировать/экспортировать (правда, формат здесь свой — .afbrushes)



image



Трансформация (Transform)



image



Можно выбрать точку привязки объекта (т.е. считать координаты о краев или от центра), поправить и «связать» размеры, координаты, угол и сдвиг (skew)



Навигатор (Navigator)



image



Если пользовались Фотошопом или Иллюстратором, то узнаете и эту штуку. И работает точно так же, как у других. У ползунка масштаба есть максимум — 1000%, но если вдруг надо больше, увеличивайте «плюсом» — у него предела нет (можно еще клавиатурой или мышью, конечно же).



У навигатора есть режим «Advanced» (меню вверху справа), где можно задавать точки просмотра — View Point. Выставляете масштаб, сохраняете View Point 1, затем выставляете другой масштаб, сохраняете View Point 2. И потом можно переключаться между этими «поинтами» в навигаторе. Можно задавать свои названия.



image



Работает так:



image



Эффекты (Effects)



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



image



Стили (Styles)



image



Стили объектов. Вы можете только выбрать объект, сохранить его стиль, потом выбрать другой объект и применить стиль первого. Заменить или обновить существующий стиль нельзя. Не очень полезная штука для меня — копировать/вставить стили объектов горячими клавишами получается быстрее (Cmd+C -> Cmd+Shift+V).



Меню позволяет создать свою категорию стилей, удалить/переименовать категории, импортировать/экспортировать стили (в свой формат .afstyles), ну и, собственно, сделать новый стиль из выбранного объекта.



image



Обводка (Stroke)



image



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



Чекбокс «Draw behind fill» включает перекрытие заливкой обводку (если обводка по центу или по внутреннему краю):



image



«Scale with object» — изменение размера обводки вместе с изменением размера объекта.



Кнопка «Properties...» открывает панель свойств обводки. Обводка при этом переключится в режим «кисть» — только у кистей можно настраивать эти параметры.



image



Есть еще интересная кнопка «Pressure». Открывает настройку толщины обводки. У Иллюстратора это реализовано в виде инструмента, здесь в виде такой вот кривой. Сходу не очень очевидно работающая штука, но привыкнуть можно.



image



Профили можно сохранять, загружать и удалять.



Цвет (Colour)



image



Ничего необычного, за исключением «пипетки». Чтобы выбрать цвет (с какого-нибудь объекта на холсте, например), нужно сначала затащить на него пипетку, затем выбрать полученный цвет в качестве заливки/обводки.



image



Есть 4 режима отображения — колесо, слайдеры (RGB, RGB Hex, HSL, CMYK, LAB, Greyscale), спектр (названный почему-то «boxes») и слайдер количества цвета.



image



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



image



Образцы (Swatches)



image



Во многом повторяет функциональность панели в Иллюстраторе.



«Иксом» переключаемся между заливкой/обводкой.



Пипетка, повторюсь, своеобразная и из-за этой своеобразности неудобная: нужно ее сначала затащить на цвет, потом он появится возле пипетки и потом уже этот цвет можно применить для заливки или обводки. По нажатию на I или Alt ничего не происходит, если в инструментах не выбрана кисть — она с «Альтом» умеет переключаться на пипетку.



В строчке «Recent» показаны использованные цвета в текущем документе. Там всегда есть черный, серый и белый цвета.



Ниже есть список с палитрами (здесь на скриншотах открыта моя «кастомная» — «Pale»). Палитры бывают трех типов: палитра документа, палитра программы, системная палитра. Палитра документа сохраняется с файлом и больше нигде не доступна. Палитра программы доступна в любом документе — она «общепрограмная». Системаня палитра доступна из любой программы на Маке в колорпикере.



image



Вообще, системный колорпикер — очень полезная удобная штука и я его гоняю «и в хвост и в гриву». В частности, очень пригождается закинуть в него один раз цвета (или вот, как выше, сделать системную палитру в Дизайнере) и потом использовать эти цвета в других программах. Так я делаю «общие» палитры для Скетча, Пиксельматора и Аффинити Дизайнера. Для кодеров: в Саблайм Тексте тоже пригодится. А еще можно держать колорпикер просто как отдельную программу.



В панели можно создавать глобальные цвета.



image



Глобальный цвет можно изменять ползунками или просто заменить на другой из палитры



image



Есть встроенные палитры Пантон:

image



Из меню панели можно добавлять цвета, палитры, удалять и переименовывать палитры, создавать палитры из других документов, настривать вид образцов, експортировать/импортировать палитры (в родной формат .afpalette)



image



Еще у каждого образца есть контекстное меню



image



Символ (Character)



image



Об очевидных параметрах писать не буду — они у всех программ одинаковые. Расскажу о неочевидных.



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



image



Потом размер шрифта. Единицы можно задать в параметрах документа (File->Document Setup...)



image



Для подчеркивания и перечеркивания можно задать отдельный цвет. По умолчанию применяется цвет текста, естественно.



image



Если после ввода текста нажать Cmd+Enter, текст сразу преобразуется в кривые (это немного раздражает, потому что я по старой привычке иногда жму). Чтобы просто выйти из редактирования текста, жмите Esc.



Дизайнер сразу же по наведению мыши «предпоказывает» конечный результат, когда вы меняете какие-то параметры в тексте.



image



Параграф (Paragraph)



image



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



Сверху — выравнивание абзаца.



1 — Группа «Spacing»: высота строчки, отступ сверху, отступ снизу, отступ первой строчки, отступ слева, отступ справа.

2 — Группа «Tab stops»: отступы в текстовом блоке после нажатия «Таб». По умолчаниию 36 точек, можно задавать свои.

На примере ниже первое нажатие «Таб» сдвинет курсор на 10 точек, второе — еще 50, третье — еще на 200.



image



Также есть параметры для блоков после отступа — выравнивание и знаки вместо пробела (пробел, точка, подчеркивание или дефис).



3 — Группа «Justification»: это пригодится для выравнивания текста по всей ширине (а этим нигде, кроме печати, лучше не заниматься). Сверху вниз слева направо: минимальное расстояние между словами, минимальное расстояние между символами, желательное расстояние между словами, желательное расстояние между буквами, максимальное расстояние между словами, максимальное расстояние между буквами.



Export persona



Фрагменты (Slices)



image



Содержит все фрагменты, созданные автоматически (у меня здесь «filename required») и вручную. Тип фрагмента показан соответствующей иконкой.



image



Сверху в панели выбираете разрешение картинки для экспорта — 1х, 2х или 3х. Экспортировать можно все сразу — если выбрать галочками все фрагменты и нажать «Export selected», или по одному — кнопкой «Экспорт» напротив нужного фрагмента.



Внизу есть полезный чекбокс — «Continuous». Работает только после первого экспорта, а до этого «задизабленный». Если выбрать этот чекбокс, то потом все изменения в файле будут автоматически экспортироваться в соотв. фрагменты. Т.е. нарисовали вы спрайт иконок, разбили на фрагменты, экспортировали один раз, а потом жмете галочку «Continuous» и дальше, если будете что-то править в иконках, они уже экспортируются сами после сохранения файла. Есть неудобный момент — после закрытия файла и повторного открытия волшебный чекбокс отключается и все нужно проделать по-новой.



image



Параметры экспорта (Export Options)



image



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



image



Чтобы сделать свой пресет, нужно сначала выбрать встроенный, потом что-нибудь в нем поменять, и потом уже все это можно будет сохранить как новую настройку («Create Preset...»)



image



Слои (Layers)



image



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



image



Эпилог



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



Скоро выходит и на Винду, кстати.



В заставке иллюстрация «Ice Lolly Guy» авторства Pocketstudio.



image



Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/279967/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

«Любимый смартфон химика-технолога» или унификация рабочего стола вашего гаджета

Воскресенье, 21 Марта 2016 г. 01:49 (ссылка)





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



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





Преамбула



Однажды, в потаённых подпапках своей рабочей папки я наткнулся на несколько скриншотов полутрагодовалой давности. Это был достаточно “свежий” для меня и поныне будоражащий мой ум подход к разработке интерфейса, когда я за основу взял концепцию периодической таблицы Менделеева!



(для тех, кто подзабыл)



Тогда, находясь в каком-то умопомрачительном творческом порыве я “натянул” Менделеевское изобретение на концепт интерфейса, который должен был быстро решать одну специфичную проблему: между какими серверами Microsoft Lync случился лаг, который привёл к ухудшению качества связи или привёл к обрыву.



Если не вдаваться сильно в технические детали (собственно и не буду рисковать попыткой, ибо точно совру), то для вышеупомянутого продукта существует несколько типов серверов: SQL, Mediadion, FrontEnd и Edge. Все они хитро сплетены воедино, чтобы предоставить услугу внутрикорпоративных аудио/видео звонков и чата.



За визуальную основу я взял квадратную сетку, на которой пульсировала жизнь отдельных организаций, за серверами которых вёлся мониторинг.





Каждая организация занимала своё пространство на сетке. Для каждой их них могло существовать разное количество серверов определённого типа, которые “налипали” упорядоченно каждый со своей стороны:



(Например SQL сервера всегда находились на верхней грани, все mediation шли всегда по левой грани и т.д.)



В верхнем правом углу отображался пинг до сервера. Причём более интенсивный зелёный цвет говорил о хорошем отклике и становился блеклым по мере роста. Условная градация была таковой:





В случае возникновения лагов, ячейки проблемных серверов становились тревожно-красными. Между ними возникал круговой индикатор с иконкой, которая описывала тип проблемы. Помимо этого круговой индикатор как бы “замыкал” ячейки еще и показывая между какими именно серверами были проблемы:





Разумеется проблема могла возникнуть и между серверами, которые располагались по разным граням блока организации. Тогда один мог временно “перепрыгнуть” к другому:



(Перепрыгнула и показывает “разрыв связи” между SQL и FrontEnd’ом)



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













Было теоретически достигнуто две цели: А — решалась проблема, Б — была отрисована стильная “обёртка”, которую легче продать. Жаль, но на этом повествование о конкретном продукте придётся прекратить. Руководство проекта в те далёкие дни в последствии переключилось на другие задачи и цели и концепт не вышел за его рамки.

Даже не так интересно, описывать концепт, где не продумано дальнейшее взаимодействие… Я бы конкретно оторвался тогда :) Но интереснее переместиться ближе к делу…



Амбула (оказывается нет такого слова, но есть фабула): таблицы



Давайте вернёмся к тому, с чего всё началось — к таблице. Когда-то был изобретён первый табличный процессор (он же — электронная таблица) и после мир уже никогда не был прежним. Выяснилось (!), что помимо удобства вычислений, упорядоченная по заданным критериям информация в табличном виде гораздо лучше и удобнее воспринимается. Выровненный контент по оси Y, гораздо удобнее воспринимать, т.к. глаз предоопределяет заранее местоположение той информации, которую ожидает увидеть, основываясь на предыдущем опыте (зрительно мы спустились с ячейки выше, например). Невозможно не привести в пример популярность карточек в наши дни. Собственно, это и было моим планом — далее перейти к ним…



Карточки



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





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



В итоге получаем вот такое подобие эволюции таблицы на экраны своих гаджетов:





В начале этой статьи я обещал вам новый “соус”. Я не стану вас обманывать. Итак…



Любимый смартфон химика-технолога



Самое время теперь вернуться к таблице Менделеева. Она была упомянута неспроста. На самом деле соус возможно и не нов, я мог слукавить. Где-то ранее на просторах интернета мне встречались попытки проецировать периодическую таблицу на десктоп смартфона. Но мне никогда не попадался грамотное эссе о том, почему такой вид решает проблему. Ниже я хочу немного “доразвить” эту идею. Надеюсь будет любопытно, ибо украдкой говоря, все вы станете участниками этого эксперимента.



Давайте представим, что мы хотим последовать примеру Google. Этот монстр пытается унифицировать дизайн, систематизировав знания о нём под именем material. И мы в след за ним хотим унифицировать вид рабочего стола своего телефона. Когда-то Google устал от разного вида кнопок, шрифтов, форм, их поведения и т.п.

А мы внезапно устали от разноцветных, пёстрых и иногда бессмысленных иконок и логотипов, к запоминанию которых нас постоянно принуждают.



Тогда это стало бы выглядеть как-то так:



(Вот вам первый этап эксперимента: сможете быстро, к примеру Whatsapp найти?)



Немного скучновато, не правда ли? Ну ровно настолько скучновато, насколько вышел iOS7, после градиентно-выпуклого iOS6 (я про тотальную flat-изацию). Тогда потребитель тоже шумел на каждом углу, что это катастрофа. Но по факту все незаметно привыкли. И теперь сомнений нет — шаг был сделан в верном направлении!

Однако со времен появления первого ПК Xerox Alto мы по сей день видим иконки на рабочем столе. И тот же iOS7 в этом плане не привнёс ничего нового, как и его последующие версии. Слишком велик риск! Ну и не надо мешать работать исправно работающей технике.



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



(Например, теперь вы знаете, что все mail-приложения окрашены оранжевым. Насколько быстро вам удастся найти иконку Yandex.mail? Быстрее чем в предыдущий раз?)



Но вас же не провести! :) Очевидно, что это немного фантастический кейс. На самом деле у нас изначально не будет такого порядка, пока мы сами его не наведём. Зачастую по категориям получается полная мешанина:



(Сможете ли теперь отыскать Google Maps, зная что вся навигация и карты окрашены розовым? Много ли времени заняло это у вас?)



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

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



(Но если из предыдущего примера вы запомнили, что все приложения-карты у нас розовые, сможете также быстро найти сместившийся Google.Maps?)



Вместо заключения



Но это как минимум посягательство на святое и необоснованный риск, ведущий к необратимым последствиям. Всенепременно, нужны исследования. Но я чувствую как тихонько кивают головой те UX-специалисты, которые пророчат падение иконок и торжество надписей в недалёком будущем. Лично я выбираю нейтральную позицию! Так ли страшны потенциальные дубликаты букв? Хватит ли различимых оттенков цвета на различные категории приложений? Одно несомненно — унификация рабочего стола ведёт к равновесию и возможной скуке в Google.Play и AppStore. Теперь никто не сможет захватить лидерство, нарисовав только лишь иконку лучше чем ваша! Fair Play…



Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/279723/

Комментарии (0)КомментироватьВ цитатник или сообщество
larusapril

Море иконок (png)

Воскресенье, 13 Марта 2016 г. 20:10 (ссылка)

Это цитата сообщения EgoEl Оригинальное сообщение

Море иконок (png)


Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество

Следующие 30  »

<иконки - Самое интересное в блогах

Страницы: [1] 2 3 ..
.. 10

LiveInternet.Ru Ссылки: на главную|почта|знакомства|одноклассники|фото|открытки|тесты|чат
О проекте: помощь|контакты|разместить рекламу|версия для pda