Basic color schemes: Color Theory Introduction With colors you can set a mood, attract attention, or make a statement. You can use color to energize, or to cool down. By selecting the right color scheme, you can create an ambiance of elegance, warmth or tranquility, or you can convey an image of playful youthfulness. Colors affect us in numerous ways, both mentally and physically. Being able to use colors consciously and harmoniously can help you create spectacular results. The Color Wheel The color wheel or color circle is the basic tool for combining colors. The color wheel is designed so that virtually any colors you pick from it will look good together. Traditionally, there are a number of color combinations that are considered especially pleasing. ColorImpact is designed to dynamically create a color wheel to match your base color. Primary, Secondary and Tertiary Colors In the RYB (or subtractive) color model, the primary colors are red, yellow and blue. Warm and cool colors The color circle can be divided into warm and cool colors.
Goodies | Fresh Ideas - nurture your ideas! Retro Print Insignia (psd) It’s time for a new freebie, and this time we propose you another cool retro insignia. As always it’s fully integrable, layered and scalable! Oh, and last but not least, it is easily colorize to your liking. This piece of art work is ideal for logo, print or other. Fonts used: Coca Cola, Bebas Neue, ChunkFive. Read More Retro stamp (psd) Here is an awesome retro stamp which is based on our set of 4 Retro Stamps that is available on Graphic River. Read More 2 Retro Insignias (psd) Here is an awesome set of insignias based on our set of 6 retro insignias that are available on Graphic River. Read More Retro Coupons Set (psd) A set of 2 coupons based on our retro banners that are available on Graphic River. Read More iPhone Application Button (psd) A professional elegant iPhone application button that is fully layered and scalable. Read More Retro Text Style (Photoshop Layer Style) Read More Vintage ribbon (PSD) Here is our new freebie. Read More New Tags (PSD) Read More
Тень блока (свойство box-shadow) | CSS box-shadow generator Свойство box-shadow (w3.org) создаёт элементу тень. Как создать объёмный HTML элемент из нескольких box-shadow box-shadow может иметь сколько угодно значений. цвет одной стороны цвет другой стороны толщина тени Эффект тени блока Тень вокруг div CSS Хм, отбрасывает ли предмет тень, когда свет на него падает сверху? CSS тень с одной стороны Снизу (под блоком div) По бокам (справа и слева) Многослойный блок с помощью box-shadow Разноцветная CSS рамка Еще варианты можно посмотреть у css.yoksel.ru. CSS внутренняя тень блока (внутри элемента) Как сделать вдавленный элемент Как сделать выпуклый элемент с округлыми краями box-shadow inset и картинка img Понадобится статья "Как убрать отступ под изображением" box-shadow и HTML тег input Сначала поле как-будто вдавленное, при наведении появляется голубая обводка, а при фокусе виден эффект плавно появляющегося свечения. Или подсветка внутри input (получилась красивая форма входа CSS): box-shadow и transition или animation ?
colourcode - find your colour scheme Premium PSD Mock-up Templates Which Are Free To Download - PSD Mockups Designing your mockups can often become a project onto themselves which splits your concentration from focusing on your 2D designs. PSDCovers offers premium mockup templates for free in the form of PSD Cover Actions which render your 2D design work as high resolution product shot renders for showcasing mock-ups in marketing presentations, online portfolios, school projects or print mediums. Some Actions can take a few moments to render while others take a few minutes, it all depends on which Mock-up template Action you use (not all Actions are created equally!). PSD Mock-up templates are created in fully layered PSD documents which are further customizable to your liking. All PSD Mock-ups on psdcovers.com are free and modelled on actual products which were photographed by the site (read about their process here). Here are some of the types of results you can expect from using PSDCovers Actions for generating your Mock-ups: 1-litre-aluminium-water-bottle-sports-drink-psd-mockup-action
3 принципа оптимизации конверсии и юзабилити веб-дизайна Вы когда-нибудь задумывались о том, что значит хороший веб-дизайн с точки зрения юзабилити и удобства вашего целевого посетителя? Как вы понимаете, разница между хорошим и плохим должна быть существенной, однако, для многих гостей вашей лендинг пейдж эта разница, на самом деле, не столь очевидна. Почти все смогут ответить, понравился ли им дизайн или нет, но указать конкретно, что именно, смогут немногие. А все потому, что подавляющее число интернет-пользователей не изучает вашу страницу с целью написать о ней критический отзыв. Со своей позиции авторитетно заявляем, что хороший дизайн — это не просто приятный внешний вид шаблона целевой страницы. Потому что хороший дизайн – это не только то, как выглядит страница, это и то, как она работает. К сожалению, готовых схем и рецептов здесь нет и не будет. Качественный конверсионный ресурс – это всегда что-то большее, чем комбинация текстового контента, главного изображения, буллетов и т. д.. Вы готовы? 1. 1 вопрос: «Это кликабельно?» 2. 3. 1.
Color Wheel - Color Calculator | Sessions College The color wheel is a chart representing the relationships between colors. Based on a circle showing the colors of the spectrum originally fashioned by Sir Isaac Newton in 1666, the colour wheel he created serves many purposes today. Painters use it to identify colors to mix and designers use it to choose colors that go well together. The classic color wheel shows hues arranged in a circle, connected by lines or shapes. The colors include primary colors (red, yellow, and blue), secondary colors (orange, green, and violet), and tertiary colors (yellow green, blue green, blue violet, red violet, red orange, and yellow orange). Secondary colors are created by mixing primary colors.
Brushes 12 инструментов и сайтов для UI/UX дизайнеров Инструменты для разработки постоянно совершенствуются как с точки зрения удобства использования, так и с точки зрения пользовательского опыта. Это очень удобно и для дизайнеров, и для пользователей. Не удивительно, что опытные веб-дизайнеры стараются идти в ногу со временем и изучают новые инструменты. Авторы сотен блогов и сайтов, посвященных дизайну, регулярно публикуют новые статьи, делятся своими знаниями и дают свои рекомендации по использованию новых инструментов. 1. Вы точно уладили все проблемы и готовы передать проект клиентам? UX Checklist – это профессиональная проверка всех аспектов пользовательского опыта. 2. Font Awesome предлагает масштабируемые векторные иконки, которые вы сразу же сможете персонализировать, а именно, изменить размер, цвет, тень и все, на что еще способна CSS. 3. Perfect Icons – это простой инструмент для создания иконок социальных сетей независимо от разрешения экрана. 4. 5. 6. 7. 8. Ищите вдохновение? 9. Какой UI дизайн вы бы назвали хорошим? 10. 11.
IN COLOR BALANCE | Подбор цвета | Page 12 Цветовая палитра №1883 желтый и лиловый, желтый и маджентовый, желтый и розовый, желтый и фиолетовый, лиловый и желтый, лиловый и розовый, маджентовый и желтый, маджентовый и розовый, оттенки лилового, оттенки розового, палитры для дизайна, палитры для дома, розово-фиолетовый цвет, розовый закат, розовый и желтый, розовый и лиловый, розовый и маджентовый, розовый и цвет фуксии, фиолетово-розовый цвет, яркий розовый и желтый. Цветовая палитра №1882 желтый цвет, золотой и изумрудный, изумрудный и золотой, изумрудный цвет, новогодние цвета, Новогодняя палитра, оттенки желтого цвета, оттенки зеленого, оттенки золотого цвета, оттенки изумрудного цвета, цвет для новогодней вечеринки, цвет шампанского, цвет янтаря, янтарные оттенки, яркий желтый. Цветовая палитра №1881 Цветовая палитра №1880 Цветовая палитра №1879 Цветовая палитра №1878 Цветовая палитра №1877 Цветовая палитра №1876
Freebie: Tourism & Travel Icon Set (100 Icons, PNG, SVG)