Pull to refresh

Простой способ создания цветовой схемы(палитры)

Web design *
Добрый день, друзья, хочу поведать вам один секрет, который помогает мне быстро и правильно найти цветовую схему для сайта.Прошу строго не судить, возможно, некоторые из вас знают этот прием, но вот мой друг, не знал, а когда я поведал ему, как легко найти цвета для цветовой схемы сайта – он был поражен простотой решения. Я не претендую на уникальность, либо открытие нового метода, просто я это знаю, и мне это помогает.
Для того чтобы нам создать цветовую схему. Нам понадобится такая хорошая программа, как Adobe Photoshop, причем подойдет практически любая версия. Особых знаний работы с фотошопом для этого т.с. трюка не НАТО, все делается буквально в пару кликов.
Читать дальше →
Total votes 132: ↑125 and ↓7 +118
Views 13K
Comments 38

Перекрасить сайт? Легко!

Lumber room
Бывает так, что стоит у вас сайт, работает и вроде бы всё хорошо, но в какой-то момент вам приходит в голову идея сделать несколько цветовых, ну так, чтобы уже на любой вкус.
Вы начинаете вспоминать где у вас исходники дизайна, или перекрашивать в графическом редакторе горы маленьких картинок, которые и складываются в последствии в сложный дизайн. Долго, муторно, скучно. Вот тут-то на помощь и придет сервис online перекраски сайтов webcolorizer.com.
Самое интересное, пожалуй, в том, что сервис парсит скормленную ему страничку, и на выходе отдает исходники точно такой же, только перекрашенной.

Webcolorizer является инструментов для редизайна сайта и создания скинов

Читать дальше →
Total votes 24: ↑13 and ↓11 +2
Views 357
Comments 11

Темная цветовая палитра Eclipse при помощи Compiz Color Filter

Eclipse *


Вот такая цветовая схема получилась у меня в конечном итоге.

Лично я тяготею к белым буквам (ну и зеленым, конечно) на черном фоне. Особенно в темноте читать легче и не так бьет по глазам.

К сожалению данное решение приемлимо лишь для тех, кто пользуется Gnu/Linux или другой ОС, к которой поставляется оконный менеджер Compiz.

Читать дальше →
Total votes 21: ↑12 and ↓9 +3
Views 6.6K
Comments 16

Пять бесплатных инструментов для выбора цветовой схемы сайта

Web design *
Translation
Один из самых важных факторов при создании уникального и узнаваемого дизайна — цвет. Грамотный выбор цветовой схемы может определить успех или провал сайта. Когда посетитель бросает первый взгляд на веб-страницу, то выбранные вами цвета посылают ему мгновенное сообщение об этой странице. К счастью, существует много инструментов, которые помогут выбрать правильную цветовую схему. Вот пять лучших из них.
Читать дальше →
Total votes 148: ↑134 and ↓14 +120
Views 226K
Comments 41

Темная цветовая схема для Netbeans

Lumber room
Так сложилось что я и многие мои знакомые используем для вэб-разработки такую замечательную IDE как Netbeans.
Однажды настроив ее еще в версии 6.0, я не слезаю с этой IDE до сих пор. (7.0.1 должна выйти уже вот-вот)
Настройки подпиливались, наполнялись полезностями но дольше всего у меня живет цветовая схема Sunburst.

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

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

Скриншоты и ссылка на файл внутри.
Читать дальше →
Total votes 13: ↑10 and ↓3 +7
Views 1.1K
Comments 24

Новый интерфейс Visual Studio 11

Visual Studio *
Разработчики Visual Studio 11 показали окончательный интерфейс будущего продукта. Он заметно отличается от сентябрьского превью. Дизайнеры очень сильно поработали над цветовой схемой, интерфейс стал практически монохромным, также они сильно упростили UI, убрав лишние кнопки.

Дефолтный тулбар VS 2010


Дефолтный тулбар VS 11

Читать дальше →
Total votes 102: ↑85 and ↓17 +68
Views 2.9K
Comments 126

#BADA55-цвета для веб-дизайна

CSS *HTML *
Translation
Tutorial
Я потратил несколько лет на изучение архитектуры компьютеров, и уж если одну вещь я выучил крепко, так это любовь компьютерных проектировщиков к изящным именам, используемым при инициализации или другой работе с памятью. Долгие часы своей жизни я истратил на придумывание забавно выглядящих адресов памяти для употребления в домашней работе или тестировании. Из подобных названий лучше других известен 0xDEADBEEF, а список некоторых других вы можете видеть вон там и там. Можно даже предположить, что этакие названия (особенно с подстановкою символов: например, «1» вместо «i» или «5» вместо «s») стали предтечами псевдо-крутого интернетовского жаргона, известного как leetspeak.

Всё это напомнила мне недавно попавшаяся мне статья о веб-дизайне (извините, я не помню её в точности). Автор статьи приводил пример CSS-кода, и выбранный им для примера цвет был #BADA55. Оказалось, что это даёт несколько безобразный зелёный цвет, но всё равно он побудил меня призадуматься о том, какие ещё английские слова можно сделать шестнадцатеричными кодами цвета.

Набросав краткий PHP-скрипт, получаем довольно обширный список для подбора таких цветов. Разумеется, годятся все коды, полностью состоящие из букв, но я также дозволил подстановку «1» вместо «i», «5» вместо «s» и «0» вместо «o». Та статья Википедии, на которую я выше сослался, также предлагала использовать «7» вместо «t» и «9» вместо «g», но мне кажется, что при этом не получаются сколько-нибудь легко читаемые «шестнадцатеричные слова» (да к тому же тогда список слов, и без того длинный, оказался бы гораздо длиннее).

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

████████████████ #ABACA5 → abacas
████████████████ #ABA5ED → abased
████████████████ #ABA5E5 → abases
████████████████ #ABA51A → abasia
████████████████ #ABBE55 → abbess
████████████████ #AB1DED → abided
████████████████ #AB1DE5 → abides
████████████████ #AB0DED → aboded
████████████████ #AB0DE5 → abodes
████████████████ #ACAC1A → acacia
████████████████ #ACCEDE → accede
████████████████ #ACCE55 → access
████████████████ #ACED1A → acedia
████████████████ #AC1D1C → acidic
████████████████ #AD0BE5 → adobes
████████████████ #AD0B05 → adobos
████████████████ #A5D1C5 → asdics
Читать дальше →
Total votes 110: ↑83 and ↓27 +56
Views 15K
Comments 42

Колористика в интерфейсе

Web design *Interfaces *
Sandbox
Хочу рассмотреть интересную для меня тему создания пользовательского интерфейса. Вероятно, это будет серия статей.

Итак: пользовательский интерфейс…. Что же это такое? Думаю, немаловажная составляющая успешного продукта. Именно то, насколько пользователям будет комфортно работать с тем или иным приложением, определяет дальнейшую судьбу, собственно, приложения и, вероятно, финансового (или не финансового) состояния разработчика.
Читать дальше →
Total votes 68: ↑48 and ↓20 +28
Views 34K
Comments 30

Не полагайтесь на цвет при проектировании интерфейсов

Interfaces *
Translation
Одной из достаточно важных ошибок в проектировании интерфейса является передача смысла посредством цвета. Тестировщику очень просто проверить любой продукт на допущение этой ошибки. Просто спросите себя — останется ли информация той же, если из картинки убрать цвет?


Мой сайт в своем нормальном состоянии.
Читать дальше →
Total votes 45: ↑29 and ↓16 +13
Views 27K
Comments 36

Мои правила дизайна хорошего интерфейса

Web design *Interfaces *Usability *
image

В этой статье я привожу примеры основных принципов или концепций, которыми руководствуюсь при проектировании десктопных интерфейсов. Не планирую выступать новатором или поучителем, но с радостью поделюсь набором установок, который помогает мне в работе.
Читать дальше →
Total votes 59: ↑55 and ↓4 +51
Views 97K
Comments 27

Какие цвета используют самые популярные сайты

Web design *Graphic design *


Цвет является важным фактором при выборе продукта. Это может подтвердить большинство покупателей различных товаров – от автомобилей до обуви.

Цвет существенно влияет на показатели продаж в интернете и посещаемости сайтов в целом. Почти половина пользователей формируют мнение о веб-сайте на основе его дизайна. Цветовая гамма играет здесь далеко не последнюю роль.

Дизайнер Пол Хеберт проанализировал 10 популярных сайтов. Он собрал статистику распределения цветов, используемых на главной странице сайта и в таблице стилей.
Читать дальше →
Total votes 27: ↑21 and ↓6 +15
Views 26K
Comments 11

Почему мы меняем цветовые схемы?

Productivity Inside corporate blog Programming *

Вступление


Знаете, что я заметил? Мы очень много времени уделяем кастомизации цифрового пространства. Это начинается со смены обоев и тем рабочего стола, переходит в долгий подбор скина в Aimp (Winamp, для староверов) и заканчивается оформлением цифрового рабочего места.

Как только я меняю среду разработки или редактор кода, то первым делом лезу в цветовые схемы и ищу любимые цвета. У программистов уже сложились целые культы вокруг определенных цветовых палитр. Что лучше — Obsidian или Monokai? Можно мне Selenitic, только фон более темный? И все в таком духе. Бывало, что ко мне приходили друзья и, прежде чем начать показывать свой проект, меняли тему на другую, более привычную для них. Это раздражает, но я их понимаю.


… на самом деле комикс не о цветовых схемах, но он отлично походит.
Читать дальше →
Total votes 24: ↑21 and ↓3 +18
Views 16K
Comments 45

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

Productivity Inside corporate blog Web design *Interfaces *Mobile applications design *Graphic design *
Translation
Взаимодействие человека с компьютером во многом опирается на графические элементы интерфейса, и цвет играет в этом процессе не последнюю роль. Как однажды сказал Pierre Bonnard: «Цвет не просто делает дизайн приятным для глаз, но и подкрепляет его».

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


Читать дальше →
Total votes 52: ↑49 and ↓3 +46
Views 66K
Comments 10

7 способов использования синего в цветах вашей фирмы

Логомашина corporate blog Vector graphics *Graphic design *
image

Эта статья о том как использовать синий цвет в логотипе и фирменном стиле. Мы собрали самые популярные оттенки и сочетания синего, вы узнаете, где их применяют чаще всего и какого эффекта можно добиться с их помощью. Эта статья будет полезна всем, кто использует синий в дизайне своего проекта или еще думает, какой цвет выбрать.
Читать дальше →
Total votes 17: ↑15 and ↓2 +13
Views 16K
Comments 12

5 способов использования красного в цветах вашей фирмы

Логомашина corporate blog
image

Мы уже писали о том, как использовать синий цвет в дизайне и фирменном стиле вашей компании. Теперь настала очередь красного. Вы узнаете, какие преимущества дает использование этого цвета в фирменном стиле, с какими цветами он сочетается лучше всего. Cтатья поможет выбрать бренд-цвет и, с его помощью, улучшить свой проект.
Читать дальше →
Total votes 24: ↑11 and ↓13 -2
Views 6.6K
Comments 4

Цвет в дизайне интерфейсов: инструкция по применению

Я люблю ИП corporate blog Web design *Interfaces *Graphic design *
Translation


Как создать чистый интерфейс, используя всего лишь один цвет? Вы узнаете из этой статьи. Перевод «Я люблю ИП».


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


У меня есть другое мнение на этот счёт: теория цвета бесполезна.


Но если теория цвета не является прочной основой для выбора цвета в дизайне интерфейсов, то что тогда является?


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


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


Я знаю, что это звучит немного странно. Но послушайте меня, я дам вам практическую инструкцию для адаптации цвета в вашем дизайне.


Вы готовы? Тогда поехали.

Читать дальше →
Total votes 57: ↑56 and ↓1 +55
Views 52K
Comments 24

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

Web design *Graphic design *Design Physics
Sandbox

image


Привет, Хабр!


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


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

Читать дальше →
Total votes 22: ↑21 and ↓1 +20
Views 6.4K
Comments 41

Цветовая схема без помощи дизайнера

Домклик corporate blog CSS *JavaScript *Programming *

Наверняка многие из вас бывали в ситуации, когда нужно быстро подобрать цвета для оформления, а дизайнер занят более важными задачами, в плохом настроении или в отпуске. Задача несложная, но иногда ответа приходится ждать по несколько дней.
Особенно, если нужно подобрать цвета для тёмной схемы
Total votes 19: ↑19 and ↓0 +19
Views 9K
Comments 10

Кастомизация внешнего вида Drone CI 2.0

DevOps *
Sandbox

Так уж получилось, что какое-то время назад на одной из своих работ мне пришлось настроить средства коллективной разработки кода для одной группы программистов на Fortran'е. Сначала они сами настраивали Gitosis, потом Trac, но всё время чего-то не хватало. Постоянно были проблемы с одновременным вливанием кода, а также с тем, что называется code review… В общем, эта группа разработчиков доросла до полноценной системы совместной разработки с CI/CD. Поскольку группа небогатая, на момент установки системы совместной разработки в распоряжении был слабенький двухъядерный сервер с 2 ГБайт ОЗУ. По этой причине выбор пал на связку Gogs + Drone. Маленькие, написанные на Go, практически без особых "фич" программы. Зато сразу появилась возможность после очередного вливания кода проверять его сборку и тестировать, правильно ли он работает.

Читать далее
Total votes 5: ↑4 and ↓1 +3
Views 2.9K
Comments 0

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

Web design *Design Brain Biology
Sandbox

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

Читать далее
Total votes 23: ↑23 and ↓0 +23
Views 11K
Comments 8
1