X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Подсобите с цветами и кнопками
k0ttee
k0ttee
Topic Starter сообщение 3.3.2015, 13:04; Ответить: k0ttee
Сообщение #1


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

Встрял с дизайном полей и кнопок формы обратной связи. Сейчас выглядит так:
Прикрепленный файл  Снимок экрана 2015-03-03 в 10.25.20.png ( 220,02 килобайт ) Кол-во скачиваний: 575


Внешность притырил из демки к уроку.
Демка _http://www.rudebox.org.ua/demo/create-a-unique-contact-form-with-css3-transitions/
Урок _http://www.rudebox.org.ua/create-a-unique-contact-form-with-css3-transitions/
Синий конвертик - что надо, а вот письмо хорошо выглядит только на темном фоне. У меня фон будет светлый и я сделал письмо желтым.

Желтый получается хитро. Я беру серую картинку и накладываю цвет прямо в CSS-стилях. Два разных фона одной картинкой. :D
Серый фон до наложения горчичного #FFDB58 выглядел так:
Прикрепленный файл  Снимок экрана 2015-03-03 в 11.05.09.png ( 32,71 килобайт ) Кол-во скачиваний: 575

Светло-серое письмо смотрелось бы как дырка в конверте, а вот желтое - нормально.

Вопросики:
1.) Какими цветами допилить до ума текстовые поля? Цвета из урока на моем фоне теряются
2.) Не встречались ли вам подходящие кнопки "отправить" и "отмена"? В уроке одна кнопка, а мне обязательно надо две - без отмены пользователь будет заперт в модальном окне.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 3.3.2015, 13:45; Ответить: Aman_sf
Сообщение #2


Конверт обычно белый, очень непривычно видеть синий конверт, а фиолетовый бок совсем напрягает.

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

Блог замутить захотел?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
Topic Starter сообщение 3.3.2015, 14:15; Ответить: k0ttee
Сообщение #3


Конверт обычно белый, очень непривычно видеть синий конверт

Белый конверт на сером фоне вообще не будет видно. Фон будет серый как на втором скрине.

фиолетовый бок совсем напрягает

Так это монтажные цвета еще не сверстанных до конца блоков. Я поленился фон поменять на скрине.
намусолить по периметру с полями и растянуть от одного до другого конца

Может покажете эскиз (мазюкните в пейнте куда чего) а то я не очень понял идею из текста.

Блог замутить захотел?

Угу, причем свисто-пердящий всеми цветами радуги. Скоро добавлю видео, чтоб понятнее было.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 3.3.2015, 15:00; Ответить: Aman_sf
Сообщение #4


Может покажете эскиз (мазюкните в пейнте куда чего) а то я не очень понял идею из текста.

Белый хреново видно, но там дело в картинке, она не подлежит побелке.
Вот так имел ввиду
Прикрепленный файл  лялямбра.jpg ( 28,33 килобайт ) Кол-во скачиваний: 565
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
сообщение 3.3.2015, 15:19; Ответить: airman
Сообщение #5


k0ttee, сделай конверт белый, просто границу сделай черной рамкой и фсе. Синий конверт как-то не очень.

ЗЫ: и да, че в скайпе молчишь? :)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
Topic Starter сообщение 4.3.2015, 5:27; Ответить: k0ttee
Сообщение #6


конверт белый, просто границу сделай черной рамкой и фсе

Вариант!

ЗЫ: и да, че в скайпе молчишь?

Так это мозг виноват! Я его блинами со сметаной накормил и он, паразит такой, на диван заманил меня. :cry:

На диване (из последних сил) почитал про кортизол и понял, что перекармливать себе мозг углеводами нельзя.
Как проснулся - узнал что не зря назвал мозг паразитом! Он и правда инородный в организме и иммунным клеткам к нему путь закрыт. Если снять барьер - организм выпиливает мозг за считанные часы.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 9.3.2015, 14:03; Ответить: Aman_sf
Сообщение #7


Вот смотри как тут красиво сделали: _grape.ru/newsletter/ Почти так, кроме того что вниз не опускается.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
Topic Starter сообщение 9.3.2015, 15:12; Ответить: k0ttee
Сообщение #8


_grape.ru/newsletter/

Хорошая попытка, но какой-то недоконверт... У меня громче свистит.

Короче допилил и обесцветил к чертям. Ибо не могу я нарисовать по нормальному, да и градации серого штука интересная: после 15 минут черно-белого сайта на весь экран, все остальное покажется цветнее без веществ. :D

Вот как-то так теперь.

Конверт по кнопке "связаться".
Прикрепленный файл  Снимок экрана 2015-03-09 в 14.00.30.png ( 154,14 килобайт ) Кол-во скачиваний: 520


Кружок по кнопке "о блоге". Увеличивается из кружка с буквой "i". Тут надо что-то делать с шрифтами и форматированием.
Прикрепленный файл  Снимок экрана 2015-03-09 в 14.00.47.png ( 171,53 килобайт ) Кол-во скачиваний: 520


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 9.3.2015, 20:52; Ответить: Aman_sf
Сообщение #9


Второй круг не красивый, может луче изнутри его сделать метро? Хотя бы частично с загагулинами.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mark3000
mark3000
сообщение 12.3.2015, 10:27; Ответить: mark3000
Сообщение #10


Мне кажется тут ошибка композиции. Главным получается конверт, а нужно что бы главным было поле (конверт только обрамление). К тому же лучше разделить цветами поле для ввода информации и поле листка (тот что из конверта вылазает), так будет понятнее.


--------------------
LINKOSCOP 4 - работа с внутренней перелинковкой + утилиты для работы.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Размещу статьи,обменяюсь ссылками,кнопками
1 medis86 2757 5.9.2011, 22:28
автор: -zhann-
Открытая тема (нет новых ответов) Проблема с кнопками меню
1 CadaVez 3209 20.2.2011, 3:57
автор: -German-
Открытая тема (нет новых ответов) Система раскрутки через обмен кнопками.
1 DoctorX 3131 26.1.2011, 0:42
автор: -Doc.X-
Открытая тема (нет новых ответов) Обмен ссылками и кнопками
0 mihail2286 3855 11.6.2010, 21:00
автор: -mihail2286-
Открытая тема (нет новых ответов) Обмен ссылками и кнопками
1 cren 3732 10.10.2009, 23:54
автор: -Licoric-


 



RSS Текстовая версия Сейчас: 29.3.2024, 11:40
Дизайн