10

Секрет дизайна Web 1.0

Вы только вспомните, как сайты раньше выглядели. Дизайн "вырви ногу". Яркие цвета, которые заставляют глаза кровоточить. Острые грани выпуклых кнопок, которые настолько острые, что от просиживания на этом сайте тебя госпитализировали с 12-ю колющее-режущими. От одних только баннеров можно было получить приступ эпилепсии. #comment_121708624
Секрет дизайна Web 1.0 Web, Дизайн, Интернет, Комментарии, Длиннопост

Секрет был прост. На монохромных мониторах всё выглядело нормально до тех пор, пока кто-то не придумал цветные электронно-лучевые трубки и наши с вами современные плоские панели.

Секрет дизайна Web 1.0 Web, Дизайн, Интернет, Комментарии, Длиннопост

Дубликаты не найдены

+4
Лол. У меня на работе сайт магазина как на скрине выглядел. Года три назад. А потом пришел я и все испортил)
+5

Автор, вы бы сначала историю www прочитали, потом историю появления цветного монитора, а уж потом посты печатайте....

ещё комментарии
+1

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

Так вот кто возненавидел нативные кнопки Win9x и придумал десятку: эпилептики!

+1

А черно-белых оттенков тогда еще не придумали?

0
Настало время охуительных историй.
А если серьёзно -- Дизайнерская группа Мемфис и 16 цветовая палитра на большинстве компов.
0
Кажется в штатах до сих пор сайты так выглядят
Похожие посты
87

Что будет, если дизайнер станет фармацевтом

Продолжаем рубрику «А что если?»

Белый белее, красный не продающий, лого за 500. Выход есть!


Что будет, если дизайнер станет фармацевтом? Какие лекарства станут полезны для продажи заказчикам. Все это в презентации.


Источник: https://vk.com/wall-69217383_35107

Что будет, если дизайнер станет фармацевтом Дизайн, Photoshop, IT юмор, Web, Фриланс, Длиннопост
Что будет, если дизайнер станет фармацевтом Дизайн, Photoshop, IT юмор, Web, Фриланс, Длиннопост
Что будет, если дизайнер станет фармацевтом Дизайн, Photoshop, IT юмор, Web, Фриланс, Длиннопост
Что будет, если дизайнер станет фармацевтом Дизайн, Photoshop, IT юмор, Web, Фриланс, Длиннопост
Что будет, если дизайнер станет фармацевтом Дизайн, Photoshop, IT юмор, Web, Фриланс, Длиннопост
Показать полностью 3
469

Словарь дизайнера. Типографика

Основные термины с типографики. Коротко без воды. Чтобы ты не терялся в базовых понятиях._____
Шрифт в заголовках: Playfair Display. За исключеним одного слайда, там рукописный Snell Roundhand.  Текст в абзацах: Fira Sans

Словарь дизайнера. Типографика Дизайн, Web, Типографика, Длиннопост, Графика
Словарь дизайнера. Типографика Дизайн, Web, Типографика, Длиннопост, Графика
Словарь дизайнера. Типографика Дизайн, Web, Типографика, Длиннопост, Графика
Словарь дизайнера. Типографика Дизайн, Web, Типографика, Длиннопост, Графика
Словарь дизайнера. Типографика Дизайн, Web, Типографика, Длиннопост, Графика
Словарь дизайнера. Типографика Дизайн, Web, Типографика, Длиннопост, Графика
Словарь дизайнера. Типографика Дизайн, Web, Типографика, Длиннопост, Графика
Словарь дизайнера. Типографика Дизайн, Web, Типографика, Длиннопост, Графика
Словарь дизайнера. Типографика Дизайн, Web, Типографика, Длиннопост, Графика

Источник: мой блог вконтакте vk.com/freelanceblog

Показать полностью 8
363

Мелочи для жизни дизайнеров, фотографов и программистов часть №2

Многим читателям Пикабу понравилась моя прошлая статья с ссылками на хорошие источники для дизайнеров и фотографов, сложно было собрать еще больше полезных сайтов, но вроде бы получилось! Спасибо вам что читаете, пишите в комментариях свои сайты и я их учту!


Самые лучшие гайды для web-дизайнеров и разработчиков яблоко и гугл

alfabank.ru - Дизайн Альфа-Банка

kontur.ru - Контур.Гайды


Блоги

disbiz.ru - блог веб-дизайнера

nicothin.pro - блог о веб-разработке

projectorat.ru - блог прототипографа


Для работы с вдохновением

dribbble.com - для вдохновения и размещения портфолио

behance.net - для вдохновения и размещения портфолио

freebbble.com - тут все что есть бесплатное в dribbble

dribe.org - Накрутка лайков на dribbble, behance, medium, artstation

tympanus.net - для вдохновения дизайнера и программиста


Работа с форматами, картинками, цветами

wallhaven.cc - обои и картинки

cutepdf.com - редакторы PDF

pdfescape.com - Богатые бесплатные редакторы PDF

pngtree.com - иллюстрации и png

icons8.com – иконки

coolors.co – палитры

codelove.de - оптимизатор jpg

webgradients.com - градиенты и цвета

undraw.co - иллюстрации

squoosh.app - сайт по сжатию графики и конвертации

webhostinghub.com - сет векторных иконок.


Конструкторы логотипов

logogarden.com

logaster.ru


Релакс

radiooooo.com - можно выбрать любое десятилетие и страну и слушать музыку

cc-fan.tv – куча мультиков (когда устал от работы)

mynoise.net - шум моря и не только


Еще много хорошего

habr.com - 400 потрясающих бесплатных сервисов

habr.com - 300 потрясающих бесплатных сервисов


Уроки по 3d графике

videotuts.ru

videosmile.ru


Облегчим жизнь верстальщикам

zeplin.io – PSD to CSS

avocode.com - PSD to CSS

pixlr.com - GIMP в web


Редакторы диаграмм

websequencediagrams.com

mindmeister.com


В помощь программистам и всем, кто в web и it

devdocs.io - шпаргалка для web разработчика

nisnom.com - сборник HTML, CSS, JavaScript/jQuery компонентов

zilore.com — пока еще бесплатный anycast dns-хостинг с гео

themelock.com - сайт с шаблонами бесплатно

startbootstrap.com - еще Bootstrap шаблоны бесплатно

bplaced.net - бесплатный немецкий хостинг

wobzip.org - распаковать архив онлайн

sqlfiddle.com - поиграть с SQL запросами

regexpal.com - поиграть с регэкспами

mega.nz - облако до 50 гигов

toggl.com - тайм-трекер

halocoder.ilost.ru - онлайн редактор и файл-менеджер

mailchimp.com – сервис для e-mail рассылок

keys.so – аналитика конкурентных сайтов

Показать полностью
174

Как сделать образцово паршивый сайт в 2019 году

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


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


- Обязательно просите подписаться на уведомления на почту, у людей же и так почта превратилась в помойку, давайте еще докинем!


- А теперь еще и уведомления в браузере можно слать. И на почту и в браузер! И в социальных сетях! Будто вы реально что-то полезное выкладываете на сайте. Особенно если человек раз в жизни зашел посмотреть холодильник и купил его - он же теперь до конца жизни хочет получать новости холодильников.


- Предложите перейти в ваше фирменное приложение и читать в нем, там же удобнее. Наверное.


- Обязательно сделайте защиту от копирования текста. Клиент пытается скопировать номер телефона чтоб позвонить? Черта с два, пусть в буфер обмена попадает еще надпись ИСТОЧНИК ТУТ, НЕЗАКОННОЕ КОПИРОВАНИЕ ПРЕСЛЕДУЕТСЯ ГРУППОЙ ЗАХВАТА АЛЬФА


- Если нужно заполнить какую-то форму то там нужно максимум полей. Подтверждение почты, трижды вбейте пароль на 16 символов в трех раскладках и так далее, даже если это сайт с купонами на тампоны.


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


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


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

164

Бесплатный web-дизайн

Всем привет! Я начинающий web-дизайнер. Набрала некоторое количество знаний, теперь нужен опыт. Посему готова бесплатно, то есть даром, сделать лэндинг (только дизайн, без верстки), баннер, обложку для группы и т.д.
Найти меня можно в телеграмм VGVgalina

Бесплатный web-дизайн Работа, Бесплатно, Web, Дизайн, Опыт работы, Практика, Лэндинги
610

Шрифт Snell Roundhand. Презентация

#ЯтвойШрифт. Здорово! Со старым новым годом!

Презентовал новый шрифтец. Snell Roundhand. У него есть английская платная версия. Кириллицу в продаже не нашел, только бесплатная версия. Скорее всего так и есть) Но лучше перепроверьте.


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

Благодарю за поддержку рубрики.

Шрифт Snell Roundhand. Презентация Дизайн, Шрифт, Длиннопост, Web, Типографика
Шрифт Snell Roundhand. Презентация Дизайн, Шрифт, Длиннопост, Web, Типографика
Шрифт Snell Roundhand. Презентация Дизайн, Шрифт, Длиннопост, Web, Типографика
Шрифт Snell Roundhand. Презентация Дизайн, Шрифт, Длиннопост, Web, Типографика
Шрифт Snell Roundhand. Презентация Дизайн, Шрифт, Длиннопост, Web, Типографика
Шрифт Snell Roundhand. Презентация Дизайн, Шрифт, Длиннопост, Web, Типографика
Шрифт Snell Roundhand. Презентация Дизайн, Шрифт, Длиннопост, Web, Типографика
Шрифт Snell Roundhand. Презентация Дизайн, Шрифт, Длиннопост, Web, Типографика
Показать полностью 7
1341

Шрифт Evolve.

#ЯтвойШрифт. Привет пикабушники!


Продолжаю рубрику с презентациями шрифтов) Сегодня весьма необычный БЕСПЛАТНЫЙ, кириллический шрифт, под названием Evolve.


Думаю создатель вдохновлялся логотипом теслы) Шрифт очень нестандартный, поэтому советую его использовать только лишь в крупных заголовках. Желательно в одном слове


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


Скачать шрифт и лицензию

Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Показать полностью 6
104

Где брать иконки. Несколько хороших сайтов с паками)

Где брать иконки. Несколько хороших сайтов с паками)

Конечно можно и 100500 штук написать, всякие флэтикон, иконсерч и т.д, но оно вам надо? Тут собрал не самые очевидные источники. Держите 7 годных.

1) www.toicon.com/series

2) iconstore.co/

3) simpleicons.org хорошие svg

4) icons8.com

5) themeui.net/free-icons/

6) freebiesbug.com/psd-freebies/icons/

7) ttps://thenounproject.com

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