Мне такие не очень нравятся, матовые выглядят как-то благороднее. Но надо уметь делать разные!
Hover Effects in Web Design: Best Practices and Examples - хороший обзор ховер-эффектов. Много примеров, разложенных по группам =)
Кнопочка опять же хорошо смотрится на нечерных фонах
Продолжаю учиться рисовать кнопочки. Теперь к градиентам добавились узоры (не уверена, что это сильно их украсило, но под некоторые дизы может подойти) + два варианта бликов - более четкий и более размазанный.
upd. вариант для темных фонов (приглушены блики)
upd. вариант для темных фонов (приглушены блики)
понедельник, 25 июля 2011
Простенький фотошопный туториал по деланию вот таких кнопок. Наверно, все знаю. Но пусть будет....
upd. Я люблю Inkscape!
Большая страшная кнопка со звездочкой
И маленькая страшная кнопка со звездочкой
upd2. Другой цвет и блик на кнопке, ага
SUBTLE PATTERNS - простые и одновременно изысканные бесшовные фоны - текстуры, легкие узоры, пиксельные фоны. Идеально для сайтов где фон должен быть именно фоном.
P.S. И да, это новый тег - downloads - странно, что у меня его раньше не было
пятница, 22 июля 2011
MR. SIMON COLLISON - этот сайт приводит меня в эстетический оргазм каждый раз, когда я его вижу (а я периодически на него натыкаюсь - судьба =)))). Во-первых, это рисунки-гравюры, от которых я в принципе всегда в восторге. Во-вторых, цвета и текстуры, которые ассоциируются с бумагой. И в целом все, включая шикарную типографику, отсылает к винтажным зоологическим журналам... кааааааайф! Когда-нибудь я что-то такое сделаю... когда-нибудь...
1. 
SUPERFISH JQUERY PLUG-IN - по своей сути это плагин jQuery, добавляющий печенек в стандартное css-меню (вроде хаков для ie6, разнообразного движения и отсрочки убирания меню). Пример.
2.
OS X DOCK NAVIGATION - вот там учат делать вот такое, по-моему шикарно...
SUPERFISH JQUERY PLUG-IN - по своей сути это плагин jQuery, добавляющий печенек в стандартное css-меню (вроде хаков для ie6, разнообразного движения и отсрочки убирания меню). Пример.
2.
OS X DOCK NAVIGATION - вот там учат делать вот такое, по-моему шикарно...
thinkvitamin.com/design/how-to-arrange-interfac...
Очень полезная статья про принцип мышления при продумывании расположения элементов на странице. Так как в последнее время работаю именно с пользовательскими интерфейсами, надо мне такому учиться
четверг, 21 июля 2011
В куче сайтов, заполненных прямоугольными формами, иногда находятся интересные примеры того, как можно нарушить привычную жесткую решетку и использовать другие формы. В данных двух случаях - круг. Ну и просто красивые сайты, да.
EMPIRE - кружочки и пунктирные линии. Шикарный ховер-эффект на кругах - достаточно простой, но я нигде такого еще не видела. Выползающие полукруги тоже доставляют.
MELONFREE - активное пользование формы круга. + мой любимый слайдер. + insert text, который в последнее время мне тоже не дает покоя и в виртуале и в реале. Очень приятный сайт.
EMPIRE - кружочки и пунктирные линии. Шикарный ховер-эффект на кругах - достаточно простой, но я нигде такого еще не видела. Выползающие полукруги тоже доставляют.
MELONFREE - активное пользование формы круга. + мой любимый слайдер. + insert text, который в последнее время мне тоже не дает покоя и в виртуале и в реале. Очень приятный сайт.
"If design is a religion, grids are the holy scripture to which we ascribe truth." (c)
среда, 20 июля 2011
Туториал по созданию вот такого меню. Демо автор почему-то не выложил, но кайф в том, что более темный прямоугольник бегает по навигационной полосе за мышью ( например как тут). Сама не пробовала, но надо бы - красиво.
Та же идея, только с jQuery вместо MooTools: nixboxdesigns.com/projects/jquery-lavalamp/
RACKET - дизайнерское агентство
Сайт очень красивый, интересный, атмосферный. Необычно выглядящая навигация. Но самое главное - это их портфолио! Там встречаются очень и очень интересные работы. Общий стиль, конечно, прослеживается, но это делает их не менее интересными. По крайней мере в современных условиях гладеньких около-mac-овских дизайнов, это все очень радует глаз.
вторник, 19 июля 2011
Ввожу новый тег - color - туда пойдет все, связанное с цветом (туториалы, сайты с понравившейся цветовой гаммой). Отдельно буду выкладывать арт, понравившийся именно сочетанием цветов - потом это можно использовать в своих работах.
Для затравки:
ADOBE KULER - шикарный он-лайн инструмент для работы с цветом. И картинка с интересной цветовой гаммой:
Для затравки:
ADOBE KULER - шикарный он-лайн инструмент для работы с цветом. И картинка с интересной цветовой гаммой:
четверг, 14 июля 2011
Полезная статья о селекторах атрибутов в CSS2.1 и в CSS3. То, что я использую редко, а надо бы чаще... Полезная штука =)
среда, 13 июля 2011
Очень красивое и стильное портфолио. Интересные цветовые решения, мой любимый тип навигации со слайдером. Расположение элементов просто шикарное!
вторник, 12 июля 2011
