Alt+N
Новость...

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

Выделение бордером

Павел Моисеенко собрал примеры выделения бордером вместо жирного начертания на сайтах.

http://pavelmoiseenko.ru/…/border-font

1 комментарий твитнуть  типографика, веб-дизайн, акциденция, выделение

Размеры картинок в ФБ, ВК, Твитере и других соцсетях

Ирина Смирнова из Тильды подготовила справочник размеров превьюшек в соцсетях. Предлагает запомнить универсальный размер 1024×512 и даёт сводную таблицу по девяти соцсетям: Фейсбуку, Вконтакте, Твитеру, Инстаграму, Ютубу, Пинтересу, Линкедину, Гугль+ и Одноклассникам.

http://tilda.education/…-images-for-social

10 комментариев твитнуть  соцсети, веб-дизайн, Facebook, twitter, google, youtube, instagram, vk, pinterest, linkedin, ok

Сайт Форфанкис

Сайт Форфанкис — дизайнеров из Барселоны:
http://4funkies.com

По клику на картинку открывается увеличенная версия и расталкивает всё остальное.

2 комментария твитнуть  графдизайн, вёрстка, типографика, веб-дизайн, плакат, динамизация, плакаты

Айконик — умные иконки для веба

Это набор умных иконок, на который собрали деньги через Кикстартер:
http://www.kickstarter.com/…-icons-for-the-modern-web

Сами иконки не мегасупер-пупер, но в честном векторном формате СВГ и настраиваются через ЦСС и яваскрипт. Настраивается текст:

И цвет отдельных элементов:

Настраивается даже форма отдельных элементов и направление:

Иконки автоматически адаптируются к выбранному размеру:

На сайте удобные фильтры для поиска:
https://useiconic.com/icons/

https://useiconic.com

8 комментариев твитнуть  иконки, веб-дизайн, динамизация

Ссылки Медиума

Дизайнер Медиума ищет идеальное подчёркивание ссылок и возможность его воплотить:
https://medium.com/…-on-medium-7c03a9274f9

4 комментария твитнуть  вёрстка, типографика, ссылка, веб-дизайн, подчёркивание

Адаптивные логотипы

Джо Харрисон собрал страничку с логотипами известных брендов, меняющимися в зависимости от размера окна:

http://www.responsivelogos.co.uk

нет комментариев твитнуть  графдизайн, логотип, веб-дизайн, приём, резиновые сайты, Joe Harrison

«Ласт» — голландская дизайнерская студия

Сайт из интерактивных стопочек и интересные прогрессивные работы в графдизайне и визуализации:
http://lust.nl

нет комментариев твитнуть  графдизайн, информационный дизайн, типографика, веб-дизайн, lust

Новый сайт «Вёрджин Америки»

Авиакомпания «Вёрджин Америка» показала новый сайт: http://beta.virginamerica.com/

Презентация: http://static.virginamerica.com/…/newlookvx/vx-redesign-9/7

Тезисы:
полноэкранный интерфейс бронирования;
один выбор на одном экране;
очередной редизайн посадочного талона.

нет комментариев твитнуть  сайт, интерфейс, веб-дизайн, посадочный талон, Virgin America

От карандаша до пикселя

Pencil to pixel — выставка Монотайпа в Нью-Йорке, посвящённая шрифтам.

У выставки сайт-видеоафиша в «швейцарском» стиле:








http://www.penciltopixel.org

нет комментариев твитнуть  сайт, вёрстка, веб-дизайн, швейцарская типографика, Monotype

Как правильно делать ниспадающие меню

Бен Каменс рассказывает, почему ниспадающим меню Амазона так удобно пользоваться и как избежать ошибок при создании аналогичных меню.

http://bjk5.com/…-down-amazons-mega-dropdown

2 комментария твитнуть  интерфейс, веб-дизайн, приём, меню, ben kamens, Фиттс, Тогнаццини, V-зона

Навигация на сайте мюнхенского музея

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

http://www.kunstverein-muenchen.de

1 комментарий твитнуть  навигация, веб-дизайн, приём

Редимаг

Сила запустила новый проект «Редимаг» — платформу и конструктор веб-журналов:

Readymag is an interactive publishing platform which allows you to create, publish and discover truly amazing webzines.

Сайт и демо-журнал: http://readymag.com/

Фэйсбучечка: https://www.facebook.com/readymag

15 комментариев твитнуть  сайт, графдизайн, интерфейс, типографика, веб-дизайн

404-я страница на сайте БФМ


http://www.bfm.ru/404/

2 комментария твитнуть  сайт, вёрстка, веб-дизайн, приём

Руслан:

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

Денис Братчук:

Увидев заголовок, не поверил глазам, так как для меня 404 страница сайта БФМ выглядит вот так: http://www.bluefountainmedia.com/404/ :)

Флюент: новый подход к электронной почте

Новый сервис «Флюент» превращает электронную почту в ленту сообщений:

http://fluent.io/

http://demo.fluent.io/

Во многом это то, о чём недавно писал Грэм:
http://paulgraham.com/ambitious.html (п.2)

7 комментариев твитнуть  интерфейс, веб-дизайн, почта

Структура разметки веб-страницы как граф

Сервис, позволяющий изобразить разметку веб-страницы в виде графа:
http://www.aharef.info/static/htmlgraph/

Положительный отзыв от Тафти и обсуждение на его форуме:
http://www.edwardtufte.com/…-and-a-fetch-msg?msg_id=0002HW

Примеры:


apple.com


табличный yahoo.com


google.com

Легенда:
cиний — a
красный — table, tr и td
зеленый — div
фиолетовый — img
желтый — формы и их содержание
оранжевый — br, p, blockquote
черный — корневой html
серый — остальные теги

2 комментария твитнуть  инфографика, визуализация, веб-дизайн, графы

ЦСС-эффекты Симурая

Симурай — дизайнер интерфейсов, рождённый в швейцарских Альпах и проживающий в Амстердаме.

Экспериментирует с ЦССом. Всё интерактивное.

Кнопусюсечки: http://lab.simurai.com/css/buttons/

Курсорный монстр! Клёво жрёт курсор: http://lab.simurai.com/toy/monster/

Фонарик. Зажигается! http://lab.simurai.com/css/flashlight/

Вдавленный текст: http://lab.simurai.com/css/carveme/

Стереотекст: http://lab.simurai.com/css/css3d/

Ну и, конечно, же, куда нам всем без причёсанного алюминия? http://lab.simurai.com/css/metal/

Все его эксперименты: http://simurai.com/tagged/lab

Не фотошоп.

1 комментарий твитнуть  фотошоп, вёрстка, типографика, кнопка, веб-дизайн, хитрости, кнопусечка, карамелька

Николай Товеровский:

Вау, морф кнопок рутой.
http://gyazo.com/….png

Бостон-глоуб

9 комментариев твитнуть  вёрстка, газетный дизайн, веб-дизайн, резиновые сайты

Длинные продающие тексты

http://visualwebsiteoptimizer.com/…/long-sales-letter-copywriting

Интересно подумать, почему это работает.

Видимо, главная причина — бюджет времени. А качество и структура текста важны, чтобы человек не терял интереса и читал, читал дальше!

Вот вся жесть целиком: http://www.losethebackpain.com/….html

Кратко идеи:
заголовки и подзаголовки завлекают;
важно в начале разжечь эмоции, угадывать эмоции по ходу текста;
людей надо превратить в читателей;
лучший способ продать — демонстрация в деле (распилите своей пилой машину);
сказать ровно столько, сколько нужно, и ни слова больше (прямо скажем, дохуя, 60 страниц про семинар или коучинг);
меньше цена — меньше текста, импульсная покупка;
засунуть все бенефиты предложения прямо на плашку заказа;
визуализировать все способы обращения (добавить в корзину, логотипы карт, девушка в наушниках у телефона);
тестировать А/Б.

2 комментария твитнуть  маркетинг, дизайн работоспособных систем, веб-дизайн, приём, психология, продажи, конверсия, КПД

Илья Бирман:

Опыт 37 сигналов в вопросе:
http://37signals.com/…-ab-testing-part-3-final

ZSDXW:

http://www.realestateeffort.com QR code is mostly a versatile tool this really is immensely ideal for real property marketing. Set to start to be an essential part of the real property marketing for close long term future, it is prudent to stimulate it now. Continue reading to skills QR code can help you make any listings distribute better.
http://www.realestategeo.com What was once your daydream home has become any nightmare. Right from no small children to two kids, you're running out from room additionally your last nerve is actually frayed just by Jr's hamster which has out about his cage for those past workweek.
http://www.realestatemassive.com People really are avoiding any varieties investment attributable to slump and additionally poor essential safety situation for Pakistan. Attributable to recession, place slump and additionally terrorism for Pakistan, rich and additionally professional men and women are quickly immigrating to make sure you advanced ethnical welfare lands.
http://www.realestatescheme.com Even some of the most luxurious and additionally expensive homes at the moment are acquiring it on all the act, as place builders are finding that eco-friendly products is often as useful in addition to beautiful like their an ancient counterparts.
http://www.realestatetactic.com The best quality ways to benefit from foreclosed buildings are to search for them with their pre phases. Unlike all the late afternoon get high quick infomercials would want you to believe, a in foreclosure process home is a least favorable for your needs.
http://www.reallycoolsports.com These unusual beasts, inhabiting this Cosmic Zoo, are most likely born the equivalent way like normal movie stars. However, Brown Dwarfs never discover the critical mass this really is necessary to make sure you ignite most of the nuclear-fusing furnaces.
http://www.realparentinghelp.com You will haven't well experienced lifespan to the country's fullest unless you've really been a mother. It's an event that everyone as real people struggle with everyday despite needing done the software for lots of years. Creators publish novels, teachers put parenting types, experienced nannies glance on broadcast tv.
http://www.selectorbusiness.com It is mostly a well-known simple fact that keywords are often the backbone for the Internet. Minus it, you just can't do much via the web, but Around with them, you may well master these search engines and consequently generate website visitors for businesses from their home, which means that sales.
http://www.servicesbasic.com Keeping any pool clean is really an essential area of being a fabulous responsible vacation pool owner. When people get hold of pool, enjoy a pool applied, or get hold of home by having a pool for when, they don’t realize what work and additionally effort retreats into 'keeping the software up. i
http://www.shoppingaspect.com With many different types of figure shops attainable, it's critical to know what kind to choose to receive the best deal with your used car. Determine the way to select an car and motorbike body shop when vehicle is in search of auto figure repair.
http://www.shoppingmargin.com Everyone expects customized supplements when they're just ordering hats to build up a other dressing up event. Offering any clients sublimating services on the custom lids is most effective boost profit margins. Here are tricks of ensuring a fabulous flawless result every single time.
http://www.shoppingprecise.com The elementary explanation of what goes on in a fabulous precision model shop is definitely simple. It's always an assembly-line technique, in in which numerical directions are fed perfectly into a machine, in which translates many commands right into robotic pursuits, resulting on the creation on the object or possibly objects in a solid block out of dried metal.
http://www.specializebusiness.com Many individuals are getting very successful running a business and are getting very rich because of their businesses. A large number of individuals realize fame in the flooring buisingess community and additionally their financial success stories really are no secret to public.
http://www.techgenerate.com There might be many why one would wish passport portraits. A passport proportions photograph is basically a family portrait photograph from the human are up against showing prominently beyond a portion of the higher torso defined the shoulder complex. As all the name has revealed, the first of all place you require one the hands down is a fabulous passport.
http://www.technologyforreal.com It is normally apparent that to survive and additionally thrive on the real property industry in these days, real auctions and real estate agents must incorporate every part of technology and additionally remain upon the require to continually modernize their platforms.
http://www.techspecially.com There are many distinct opportunities to make sure you advance any radiology career if you suffer from one or further areas about specialization. Extra specializations you've gotten, the a great deal more competitive you'll certainly be in your responsibilities market.
http://www.travelascend.com This month's account takes us to western Ough. S. state about Oregon and certain fantastic snow boarding. First a small amount of background relating to the state about Oregon its own matters. Begin by having a little prehistory by after this link to discover about Oregon and therefore the Columbia level.
http://www.travelescalator.com Koi fish had been called all the national striped bass of Japan consequently they are popular for China and in many countries. This page describes a history of Koi fish fish breeding and gives useful knowledge regarding how varieties of fish really are categorised consistent with their designs and white markings.
http://www.travelinglong.com Traveling by having a baby within the car isn't really easy, but looking longer when compared to two hours during the time sounds further dreadful. Listed here three truly good tips and additionally ideas how to plan in advance, car additionally your baby for a very long voyage.
http://www.www.travelrelaxation.com Travelling is a lot of fun, educational and additionally relaxing. Certainly, it is normally suppose that should be relaxing, the expense of a christmas. Sometimes holidays ordinarily are not relaxing. To make your christmas travel relaxing it is recommended to plan ahead and provide things put-together.
http://www.trulyfinancial.com You happen to be born by means of potential. You had been born by means of goodness and additionally trust. You had been born by means of ideals and additionally dreams. You had been born by means of greatness. You had been born by means of wings. Somebody meant just for crawling, for that reason don't! You've gotten wings, learn use individuals and jig…
http://www.ultimateseomarketing.com Having a niche site on your own business and additionally using via the internet SEO promotional is most effective communicate together with loyal purchasers, while equally attracting cutting edge ones additionally, depending relating to the types of products and services you have to give you.
http://www.weddingfinally.com When opting the Definite plans for those location on your wedding, select a point that displays your character along with location which usually that both of you have a lot of feeling for or even some reference to.
http://www.weddinghappens.com Hiring services of the most useful wedding photographers is very important. It ensures to get the highest quality photos for use on your wedding. Weddings can be special events on the lives of people. Could potentially be attributed to the advantage that weddings appear once on the lives of people.
http://www.weddingwithclass.com Monograms have long been used in the form of personalized expression of model, taste, and additionally style. Jean Rene Lacoste put into use one relating to his tshirts that happened to become about the most iconic model brands anywhere. Tennis music artist Roger Federer applies one relating to his clothing in the form of statement about personal trend.
http://www.withoutlaw.com There really are many faith based laws directed at us for God's Message. Some most people would tell you I've never heard spiritual law regulations before. However once we read on the Word about God we will have that An individual's Word is jam packed with spiritual law regulations.

http://www.accomodatehome.com Holidaymakers these days are spoilt in terms of what emerges! No longer are they restricted or confined to the options provided to them by package holiday operators, but now they themselves can take control of organizing their holiday!
http://www.allowsports.com Are you addicted to sports or have a genuine love for the game? There are many sports fanatics who are opting to get sport tattoos to show their appreciation of a certain sport. This can be a great way to show your support for your favorite team or sport in general and there are millions
http://www.autopickups.com There are as many reasons to use an auto transport company as there are vehicles to be shipped. You may bought your dream car on ebay — but you're in South carolina and the vehicle is in San fran. Perhaps you landed your dream job in San fran, but your car is parked at your parents' house in Nashville.
http://www.benefitinsports.com Sports are a big part of a state's culture and identity. Every country in the world has its type of sport from the world famous football to the modern day archery. We just can't eliminate these adrenaline putting activities since it's something that unites us in prepare yourself.

Маша

Артём Геллер анонсировал в своём твиттере новую штуку под названием «Маша» (Mark & Share). Урл страницы содержит в себе информацию о выделенных фрагментах текста, и при выделении текста можно в один клик сгенерировать такой новый урл.

Пример:
http://kremlin.ru/news/8147#sel=4:9,4:20

Результат:

12 комментариев твитнуть  интерфейс, веб-дизайн

Поиск фотографий по цветам

http://labs.ideeinc.com/multicolr

4 комментария твитнуть  графдизайн, дизайн, веб-дизайн, поиск, цвет, фликр



© 2017

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru