Art.Blog

Иллюстрации в веб-дизайне, советы при использовании

Art.Blog — Mon, 12 Nov 2012 21:41:59 +0000

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

Выбирайте иллюстрации для веб дизайна с умом

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

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

Различие стилей

К дифференциации между взаимодействием иллюстрации и навигации, можно подойти по разному. Однако, это правило луче, если элементы навигации (кнопки), отличаются от стиля иллюстрации всей страницы, и прям вызывающе смотрят на вас как прося вас нажать на них.

Дело в том, что если эти элементы будут отличатся визуально это поможет избежать путаницы.

Несколько примеров использования иллюстраций в веб-дизайне:

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

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

Использование живописных иллюстраций, имеющие четкое различие от интерактивных элементов.

Иллюстрации и интерактивные элементы смешиваются слишком близко. Хотя сайт прекрасно иллюстрирован но может привести к некоторой запутанности у пользователя.

Минимализм в веб-дизайне

Минимализм в веб-дизайне

Art.Blog — Sat, 10 Nov 2012 19:27:59 +0000

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

Много лет назад World Wide Web был перегружен содержанием, люди любили броские и красочные сайты, с над-мерным использованием графических элементов дизайна и текстур.

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

Если вы решили что ваш веб-сайт будет иметь минималистический стиль, то он будет быстрее загружаются, чем другие веб-сайты которые используют графику. То есть пользователь сможет быстрее перемещаются по вашему веб-сайту. Но это также зависит от многих факторов вашего сервера, расширение изображений, размеры файлов, jquery, использование веб-шрифтов и естественно скорость подключения к Интернету пользователя хотя на данный момент скорость подключения является неплохой в большинства но стоит учитывать пользователей мобильных телефонов и планшетов.

Типографика в минималистическом веб-дизайне

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

Взаимодействие с пользователем

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

Меньше путаницы

Сделать путаницу в минималистическом дизайне практически не возможно. Тем не менее вы должны понимать что простота является тем фактором, что бы подать нужную информацию которую люди пытаются найти. Предоставление информации должно быть сделано таким же образом, что бы пользователь с легкостью перемещался по сайту

Очень хотелось бы услышать ваше мнение о минимализме в веб-дизайне, не стесняйтесь высказывайте свое мнение в комментариях.

Фотографии землетрясения в San Francisco 1906-2010

Art.Blog — Fri, 02 Nov 2012 07:06:14 +0000

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

Создание фирменного стиля с низким бюджетом

Art.Blog — Tue, 30 Oct 2012 19:36:55 +0000

Разработка фирменного стиля для MYLÈNE POISSON Sommelière требовала не ординарного подхода, но при этом имела ограниченный бюджет. По этому требовалось творческое решение для проектирования каждого из элементов дизайна. Было решено использовать бокал вина и сделать из него различные штампы для всех элементов, что сделало их уникальными и специфическими для их сферы деятельности.

Разработка фирменного стиля ресторана Montero

Дизайн QR-кодов

Art.Blog — Thu, 18 Oct 2012 07:27:51 +0000

Я думаю каждый из вас видел QR-коды, хотя они у нас нераспространенные, но в изначальном виде они выглядят черными и однообразными, не привлекают внимание, и желание воспользоватся! Эта подборка дизайнерских QR-кодов покажет какими они должны быть что б привлечь внимание.

Немного о QR-кодах, QR это сокращение от Quick Response. QR-коды были изобретенные и введены в использование в Японии в 1994 году в автомобильной промышленности для отслеживания автомобилей в процессе производства! Сейчас они используются в различных целях и отраслях.

Примеры креативных дизайна QR-кодов:

No related posts.

13 бесплатных шрифтов для хэллоуина

Art.Blog — Tue, 16 Oct 2012 14:14:21 +0000

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

01. Super Danger

02. Helveticrap

03. Black Casper

04. Everyday Ghost

05. District Font

06. Bacon

07. Baron Kuffner

08. Rusted Plastic

09. Plague Death

10. Monsters Attack!

11. Daubmark

12. Gommogravure

13. 3D Noise

33 бесплатных шрифтов для дизайнеров

10 ресурсов где можно скачать бесплатные векторные изображения

Art.Blog — Tue, 16 Oct 2012 07:37:59 +0000

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

01. All Silhouettes

02. Snap2objects

03. Fudgegraphics

04. DaFont

05. Fontspace.com

06. Brands of the World

07. Spoongraphics

08. Vecteezy

09. DesignContest

10. Free Vector Archive

No related posts.

Дизайн инфографики для печатного издания

Art.Blog — Wed, 10 Oct 2012 13:02:30 +0000

Эта инфографика была разработана для одного журнала, я говорю одного потому что еще не кто не знает что это за журнал информация конфиденциальна так как макет журнала еще в разработке.

И так эту прекрасную инфографику для журнала разработала oberhaeuser.info студия дизайна Martin Oberhäuser, находится она в Гамбурге (Германия). Дизайн студия Martin Oberhäuser молодая но очень перспективная основана она была в 2011 году, за это время она уже поработала с такими клиентами как Adidas, Audi, BMW, Cisco Systems, Deutsche Telekom, MySpace, Nokia, Samsung, Airbnb, IPG Mediabrands и другими.

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

Так же советую вам прочитать про дизайн календарей 2013 года, так как пора уже разрабатывать ведь в ближайшем будущем новый год!

Макросъемка — подборка красивых примеров

Art.Blog — Mon, 08 Oct 2012 18:05:48 +0000

Подборка красивейших фото сделанных макросъемкой, все очень близко красочно и красиво!

По мотивам Noupe

Осенняя грусть, красивые осенние фотографии

Разработка фирменного стиля ресторана Montero

Art.Blog — Mon, 08 Oct 2012 06:04:36 +0000

Montero ресторан расположенный в Saltillo Coahuila, город рядом с Мексиканской границей. Anagrama разработала фирменный стиль ресторана, они старались объединить современные элементы дизайна с антикваром, и у них неплохо получилось!

No related posts.