Mockup Builder Новый стартап для постостройки прототипов Web сайтов

Mockup
Builder
является одним из первых украинских стартапов по
реализации интересных идей предварительных макетов сайтов или
интерфейса програмного обеспичения. Он сочетает в себе немало
характеристики онлайн редактора и графического дизайнера, что
позволяет как заказчикам так и пользователям реализовывать
большынство идей, при етом делитса ими с заказчиками или
разработчиками в режиме реального времени. Так например, заказчик
захотел поставить особую кнопку или иконку где то в определенном
месте страницы, чтобы долго не обиснять исполнителям, где именно
он хотел бы, чтобы она была, он просто размещает ее на холсте
макета Mockup Builder и отсылает исполнителям, или же они двое
работают на одном и том же макете. Таким образом уменьшается
количество времени на объяснение особенностей определенных
операций и увеличивается эффективность выполняемых работ, которых
иногда так трудно добиться со стороны исполнителей. Между тем
существует способность редактировать большинство элементов
макетов и создавать действительно наполненый и функциональный
образ страниц или элементов интерфейса. Хотелось бы добавить что,
среди своих конкурентов Mockup Builder выделяет лучший дизайн,
функциональность, широкий набор функций и элементов наполнения.
Кроме этого вскоре пользователям будет предложено несколько
дополнений, которые станут непременно привилегией данного
Mockup
Builder
стартапа Mockup Builder

Пять лучших способов применения игровых механизмов к Вашему сайту

Обсуждения игровых механизмов — правил, которые
определяют, насколько интересна игра, — меняются. Когда-то
геймификация была самой актуальной темой, которая обсуждалась
разработчиками компьютерных игр и их фанатами, вроде меня.
Сегодня это часть деловых дискуссий — маркетологи пытаются
применить ее к веб-сайтам. Единственная тема, которая не
изменилась — не зависимо от того, кто участвует в разговоре —
определение способов привлечения игроков и болельщиков. Поскольку
вы поощряете участие пользователя при помощи тактик геймификации,
это относится и к вашему сайту. Давайте классифицируем сайты по
их общим социальным инструментам определим наиболее эффективные
способы их геймифицировать. 1. Контент, созданный
пользователями
Увеличьте на своем сайте количество
контента, созданного пользователями. Посетители, заинтересованные
в создании контента, становятся более активными, делают ваш сайт
интереснее и динамичнее и улучшают его оптимизацию под поисковые
системы. Как правило, взаимодействие пользователя с контентом
происходит при помощи таких простых средств, как комментарии,
рейтинги или просмотры. Это — главные способы получения обратной
связи от пользователей на основе контента, который вы создаете и
показываете. Например, не только поощряйте активных
комментаторов, но и ищите альтернативные пути поощрения
комментирования на страницах. Можно ввести «оценку комментариев»
— разрешить пользователям сортировать комментарии, основываясь на
«уровне» соответствия, когда наиболее популярные комментарии
появляются вверху выдачи. Хотя этот тип поощрения выходит за
рамки значков и очков, он придает самым активным пользователям
желаемую значимость. 2. Возможность поделиться
информацией
Кроме того, что это просто и повторяемо,
возможность поделиться может оказаться очень полезной для
получения контента. Благодаря элементам геймификации,
пользователи чувствуют себя даже немного обязанными добавлять
контент на ваш сайт. Несмотря на то, что возможность поделиться
сама по себе является элементом геймификации, издатели должны
знать о возможном подвохе: награждение посетителя только за
пользование сайтом — это нарушение условий предоставления услуг
многих социальных сетей. Социальные сети запрещают сразу же
награждать пользователей за клик на кнопку «поделиться» для того,
чтобы воспрепятствовать им рассылать что попало только для того,
чтобы заработать баллы. Единственный способ работать в этой
системе — поставить перед пользователями общую серьезную цель,
или ввести изменение рейтинга в результате обмена информацией.
Вместо того, чтобы подталкивать посетителей «нажать кнопку
«Поделиться» и получить десять очков», возможность поделиться
может стимулировать пользователей работать на результат. Вы
дадите понять посетителям, что важно обмениваться информацией, а
не бессмысленно нажимать кнопки. Напротив, вместо того, чтобы
спамить сеть, они будут делиться тем, что действительно важно для
них. 3. Обратная связь Кнопка «Нравится» в
Facebook , новая
кнопка «+1» в Google
и другие кнопки отклика служат и как
вклад в развитие контента, и как многоцелевые инструменты. Они
позволяют пользователям выражать свое мнение одним кликом. Более
того, вы можете легализировать геймификацию, награждая
пользователей за то, что им «понравилось» содержание вашего
сайта. Расставляйте приоритеты для отзывов и стимулируйте
активность топовых пользователей. Например, когда в ленте
активности сайта отображаются популярные статьи и реакции
активных пользователей, посетитель, скорее всего, прочтет их.
Оценивая фильм, мыслите категориями Роджера Эберта, не
полагайтесь на мнение кого-то менее компетентного. Отображая
ранжированные отзывы в ленте активности, мы убиваем двух зайцев —
пользователи будут не только рекламировать контент другим
посетителям сайта, но и продемонстрируют свой рейтинг, тем самым
подтолкнув их достичь тех же результатов. 4. Регистрация
в социальных сетях
Регистрация в социальных сетях —
добавляет неоценимый уровень в игру: профиль пользователя.
Главный принцип игровых инструментов в том, что пользователи
более склонны участвовать, если у них, помимо виртуальных наград,
есть реальные привилегии. Это так же просто, как и увеличение
репутации в сообществе. Когда пользователь регистрируется в
социальных сетях, например Facebook Connect или Twitter, он
получает возможность в одном пространстве одновременно сравнивать
себя как с друзьями по игре, так и друзьями из соцсетей. Теперь
ваш посетитель знает несколько людей из сообщества — но они все
еще новички в игре. Как мы можем поощрить их участие? Может,
наградить их несколькими баллами за клики мышкой, или
предоставить какие-то преимущества за то, что он остался на
странице и читает текст. Таким образом, пользователь, который,
возможно, изначально не был заинтересован в получении знаков
отличия, сможет продвинуться в рейтинге, получая очки за участие.
Как только они поймут ценность полученных баллов (возможно, их
комментарий появится выше в ленте активности), они проглотят
наживку и будут участвовать осознанно. Вовлекать пользователей в
игру без какого-либо усилия с их стороны — целая стратегия по
превращению их в активных игроков. 5. Поддержка
спортивного интереса
Реализация любых хороших игровых
механизмов заключается в помощи пользователям достичь результатов
и продвинуться в системе. Например, к каждому значку предлагайте
инструкции и показывайте процесс развития в рамках его
достижения. В то же время вы ведь не хотите заваливать
посетителей постоянно мигающими напоминаниями? Вместо этого
попробуйте использовать простые уведомления JavaScript, которые
не занимают полезную площадь сайта. И, конечно же, чего стоят все
эти знаки отличия и баллы, если вы не можете ими похвастаться?
Включая игровые механизмы в лент активности и таблицы лучших
игроков, вы даете возможность посетителям сделать игру
реалистичнее. Лента активности позволяет пользователям не только
найти друзей в рамках профиля соцсети, но и просматривать их
награды. В свою очередь участники игры учатся как получить такие
награды. Реализация любых хороших игровых механизмов должна
информировать пользователя о способах повышения разряда. Следуйте
этим подсказкам, чтобы объединить социальные элементы вашего
сайта с игровыми механизмами, это позволит вам установить контакт
как с активными, так и с пассивными «игроками». Помните, что
взаимодействие поощрений вашими существующими социальными
элементами так же важно, как и награды сами по себе. Так же, как
и в социальных играх, например FarmVille (Ферма) или World of
Warcraft, участники должны чувствовать себя частью сообщества, в
котором они могут с гордостью объединять свои достижения.
Оригинал статьи: Craig Ferrara (mashable.com)

10 научно обоснованных советов по возможностям использования веб-сайтов

Множество источников делится с
нами бесчисленными советами и методиками по возможностям
использования веб-сайтов. И хотя многие из этих советов логичны и
воспринимаются нами серьёзно, мы всё равно пытаемся найти
подтверждение им в реальной жизни и в других источниках, чтобы
опереться именно на эти теории. В этой статье обсуждаются такие
находки научных исследований в сфере возможностей использования
веб-сайтов, как исследование и доклады по отслеживанию движения
глаз (ай-трекингу) для улучшения использования веб-сайтов. Вы
увидите, что это советы со здравым смыслом и
их придерживаются многие специалисты
, но, в любом случае,
некоторые из этих советов могут удивить вас и изменить ваше
представление о процессах, происходящих в современном дизайне.
1. Забудьте правило трёх щелчков Годами
обсуждается идея о том, что пользователь бросает искать
интересующую его информацию, если он не добирается до нее за три
щелчка мышью. В 2001 году Джефри Зелдман, признанный авторитет в
сфере веб-дизайна, написал в книге «Реализуйте свой талант в
сети» (Taking Your Talent to the Web), что правило трёх щелчков
«поможет создать удобную и логичную иерархическую структуру
сайта» Если следовать логике, это замечание имеет смысл. Конечно,
пользователи не будут только и заниматься тем, что щёлкать по
ссылкам, чтобы, в конце концов, может быть, найти интересующую их
информацию. Но почему ограничение именно на трёх щелчках? Что
указывает на то, что пользователи бросают искать информацию
именно после трёх щелчков? На самом деле большинство
пользователей не бросит искать информацию только лишь потому, что
есть такое правило. Количество щелчков, которые они сделают, не
связано с их отказом искать информацию. Исследование
Джошуа Портера
, опубликованное на сайте User Interface
Engineering, показывает, что основная часть пользователей после
трёх щелчков мышью не считает, что не найдёт информацию. В
среднем для поиска информации пользователи делают 12 щелчков.
Портер утверждает: «Почти никто не бросает искать информацию
после трёх щелчков». Источник: User Interface
Engineering
Но тут нужно обратить внимание не на возросшее
волшебное число щелчков, которые сделает пользователь, а на
удобность в обращении. Если вы создадите удобный пользовательский
интерфейс
, который будет прост и приятен, но до информации
можно будет добраться за 15 щелчков (в 5 раз больше, чем указано
в правиле трёх щелчков), не обращайте внимания на это правило.
Источники и дальнейшее чтение Testing the
Three-Click Rule

Breaking the Law: The 3 Click Rule
2.Сделайте
просмотр содержимого в виде F-образной модели
Доктор
Джекоб Нилсен, пионер в области изучения возможностей
использования веб-сайтов, проводил исследования движения глаз
пользователей Интернета (ай-трекинг) и изучил этот вопрос более
чем на 230 участниках. Его исследование указывает на то, что
когда пользователи изучают содержание экрана, они как бы рисуют
взглядом букву F. Источник: Alertbox
Подобное исследование
при участии 50 испытуемых было проведено маркетинговыми фирмами
Enquiroи Did-it в совместном проекте с центром исследования
движения глаз Eyetools и указало на такую же модель чтения
результатов поиска в Google. Образовался, так сказать, «золотой
треугольник Google», в котором концентрация взгляда приходилась
на верхнюю часть и левую сторону, что соответствовало F-образной
модели из независимого исследования ДжекобаНилсена. Источник: Clickr Media
Для дизайнеров и копирайтеров это значит, что информацию, которая
предполагается для первостепенного просмотра, следует перемещать
в левую сторону и что информацию вообще лучше подавать в
F-образной форме (например, разделить абзацы пробелами или
какими-то нечитаемыми знаками), что увеличит вероятность быть
увиденной пользователем, когда он просматривает веб-страницу.
Источники и дальнейшее чтение F-Shaped
Pattern For Reading Web Content
Google
Golden Triangle — Eyetracking How People View Search Results

3. Не заставляйте пользователей ждать: ускорьте работу
вашего сайта
Нам всегда говорят, что наши пользователи
нетерпеливы: они ненавидят ожидание. Но, если рассуждать
логически, кто из нас любит ожидание как таковое? Но есть ли
какие-нибудь доказательства, кроме этого избитого высказывания,
что люди действительно не любят ожидать и что небыстрая работа
сайта раздражает пользователей? При помощи Bing, поисковой
системы компании Microsoft, было проведено исследование, в
котором пользователям предлагалось оценить скорость отображения
страниц и кроме этого, оценивался процент дохода, который
приносил каждый посетитель.
Результаты
показали, если скорость отображения страниц
уменьшалась менее, чем на 2 секунды, оценка пользователей
понижалась на 3,8% , при этом доход снижался на 4,3%. Для такой
огромной компании, как Microsoft снижение дохода даже на 4,3%
равно многомиллионным потерям прибыли. Источник:
O’Reilly Radar
Да, пользователи на самом деле нетерпеливы:
они не хотят ждать долго и могут перестать переходить по ссылкам
из-за недостаточной скорости. И если вы занимаетесь проблемой
ранжирования поисковых систем, то попытка улучшить время отклика
страницы имеет даже большее значение,
т. к. Google сейчас учитывает скорость отображения страницы
в
определении позиций этой страницы в результатах поиска. Что вы
можете сделать для улучшения скорости отображения страниц?
Используйте инструменты, которые помогут найти слабые места при
отображении страниц, используйте CSS-спрайты
для повышения скорости отображения страниц
и инструменты для
измерения быстродействия, такие как YSlow, которые помогают
просмотреть, где вы можете сделать быструю предварительную
оптимизацию. Источники и дальнейшее чтение
Bing and Google Agree: Slow Pages Lose Users
Selfish,
mean, impatient customers: New Thinking
4. Сделайте
контент легко читаемым
На самом деле
интернет-пользователи не читают контент он-лайн, по крайней мере,
исходя из исследования доктора Нилсена, посвященного поведению
людей на его веб-сайте. Его исследование
показывает, что люди читают только 28% текста на веб-странице,
т.е. его меньшую часть. Источник: Alertbox
Для того чтобы пользователи читали большую часть информации,
используйте техники юзабилити, которые облегчают
чтение контента. Выделяйте ключевые слова, используйте заголовки,
пишите небольшие абзацы и используйте списки. Источники и
дальнейшее чтение How Little
Do Users Read

Block Reading: How We Read on the Web
5. Не
беспокойтесь по поводу размещения важной информации сверху и
прокрутки
Существующий миф, что вся ваша значимая
информация должна помещаться в верхней части страницы, которую
видно сразу без прокрутки, впервые был предложен
Джекобом Нилсеном. Итак, длинные страницы — это плохо? Нам
следует помещать всё в верхней части веб-сайта, потому что люди
не станут прокручивать страницу и читать дальше? В соответствии с
исследованиями
компании Clicktale, специализация которой
веб-архитектура и веб-аналитика
, можно ответить: «Нет».
Результаты этих исследований показали, что длина страницы не
влияет на решение пользователя прокручивать её дальше или нет.
Источник: Clicktale
Согласно
исследованиям
Joe Leech of CX Partners — агентства по
дизайну, направленному на пользователя — небольшое количество
информации до прокрутки вынуждает пользователя искать информацию
ниже, т.е. прокручивать страницу. Источник: Сxpartners
Главное, что нужно тут уяснить — это то, что вам не следует
запихивать всю наиболее важную информацию сверху только лишь
потому, что вы боитесь, что иначе посетители не смогут её найти.
Используйте
принципы визуальной иерархии
и искусство расстановки
приоритетов, делайте важными различные элементы содержимого
страницы. Источники и дальнейшее чтение Unfolding
the Fold

The Myth of the Page Fold: Evidence from User Testing


Blasting the of the Fold
The
Impact of Paging vs. Scrolling on Reading Online Text
Passages
6. Расположите важную информацию слева на
веб-странице
Люди, носители культур, с письменностью
слева направо, автоматически начинают и писать, и просматривать
любую страницу слева направо. Это причина того, почему много
интернет-пользователей обращают больше всего внимания на левую
сторону веб-страницы. По результатам исследования
движения глаз
, проведённого доктором Нилсеном с 20
интернет-пользователями, это происходит в 69% случаев. И на это
стоит обращать огромное внимание при
проектировании пользовательских интерфейсов
. Источник: Alertbox
Такие же результаты, только с точностью наоборот, были и на
веб-сайтах с языками, таких как иврит или арабский язык,где
тексты читаются справа налево (больше внимания уделяется правой
стороне странице по сравнению с левой). Есть две вещи, которые
нужно извлечь для себя из этих результатов. Во-первых, когда вы
продумываете расположение содержимого сайта, нужно принимать во
внимание язык сайта; во время разработки дизайна сайта следует
принимать проектные решения исходя из
особенностей той или иной культуры
. Во-вторых, для сайтов в
культурах, где традиционно читают слева направо, важные
компоненты дизайна следует располагать слева; и наоборот — для
сайтов культур, где традиционно читают справа налево. Источники и
дальнейшее чтение Horizontal
Attention Leans Left
7. Пробел в тексте влияет на
читабельность
Хорошая читабельность текста улучшает
восприятие и скорость чтения, а также повышает вероятность, что
пользователь не покинет сайт, а будет продолжать читать. Есть
много факторов, которые влияют на хорошую читаемость, таких как
правильный выбор шрифтов (соотношение серифа и сансерифа), размер
шрифта, высота строки, контрастность фона/переднего плана, а
также разгонка. На 20 испытуемых было проведено исследование
читаемости текста. Им были предложены одни и те же отрывки
текстов, но вокруг них были разные поля и у них была разная
высота строки (расстояние между линиями текста). Исследование
показало, что хотя текст без полей читается быстрее, восприятие
прочитанного снижается. Повышение скорости чтения текста без
полей объясняется тем, что абзацы и весь текст сжаты и поэтому
требуется меньше времени, чтобы водить глазами со строки на
строку и с абзаца на абзац. Источник: Software
Usability Research Laboratory
На примере этого исследования
мы видим, что то, как мы оформляем содержимое сайта, помогает или
затрудняет восприятие пользователя. В процессе работы над вашим
веб-сайтом осторожно относитесь к деталям — к цвету, высоте
строки, планируемому движению глаз и т.д., и не забывайте об

основных принципах вёрстки
. Это поможет не разочаровать
читателей, которые будут пользоваться информацией с вашего
веб-сайта. И более того, поработайте над эффективным
использованием так называемого негативного пространства
(свободного пространства между строчками, блоками информации и
т.д.) в веб-дизайне. Источники и дальнейшее чтение
Reading Online Text: A Comparison of Four White Space Layouts

8. Мелкие детали имеют большое значение Очень
часто, особенно когда поджимает время, мы, работая над дизайном
веб-сайта, видим общую картину и
не обращаем внимания на мелочи
. Если мы ограничены во времени
и в возможностях, мы отбрасываем мысли о редактировании чего-либо
или об оформлении той или иной отдельной кнопки. Ведь есть много
всяких дел, которыми нужно заняться, то очень часто детали
остаются без внимания. Но даже такая мелочь, как форма кнопки
может влиять на общий успех сайта, по крайней мере так утверждает
Джаред Спул, который рассказал о том, как удалённая
кнопка
облегчила посетителям подсчёт денег, и таким образом,
доход сайта повысился на 300 миллионов долларов за год. Первый
месяц зафиксировал повышение продаж на 45%, что объяснялось
именно этими изменениями. Такое внимание к деталям также
утверждается фирмой Flow, занимающейся дизайном, направленным на
пользователя. Сотрудники фирмы утверждают, что,
изменив страницу со стандартным сообщением об ошибке
, так что
в нем появился текст, помогающий справится с этой ошибкой, они
улучшили работу сайтов на 0,5%, что, если перевести на деньги,
равно дополнительным четверти миллиона фунтов стерлингов в год с
одного сайта. Что это был за текст? Это было сообщение, состоящее
из двух вежливых предложений, вместо непонятного 404 error:
«Приносим извинения, существует проблема вашего входа в систему.
Невозможно обработать запрос по вашей карте. Пожалуйста,
попытайтесь оплатить ещё раз». Обращайте внимание на детали. Используйте

контрольную разбивку
на «первый-второй» и посмотрите, какой
дизайн более эффективен для достижения ваших целей.
Используйте аналитическое программное обеспечение
для оценки
результатов изменения дизайна и их отношения к целям, которые
стоят перед веб-сайтом. Источники и дальнейшее чтение The $300
Million Button

£250,000 From Better Error Messages
The
Thickness of Napkins

Myth #10: If your design is good, small details don’t matter

9. Не полагайтесь только на поиск. Управление сайтом
должно быть продуманным
Пользователи ожидают, что с
сайтом будет легко обращаться, и он будет хорошо организован.
Даже если у сайта прекрасная система поиска, пользователи всё
равно сначала будут использовать кнопки управления. Согласно

исследованию
, проведённому Герри МакГоверном, около 70 %
пользователей начинают задание, которое перед ними стоит, со
щёлканья по ссылкам страницы, вместо того, чтобы использовать
возможности поиска. Такой же результат показал тест UIE,
проведённый с 30 пользователями интернет-магазинов. Анализ
исследования показал, что «пользователи часто обращаются к поиску
в том случае, если ссылки на странице им не подходят». Таким
образом, поиск становится наиболее используемым инструментом,
только когда пользователь не может отыскать то, что ему нужно на
открытой им странице. Урок, который нужно вынести из этого, ясен:
не думайте, что поиском можно скрыть плохую организацию
управления содержимым и отсутствие удобного перехода к нужному
материалу. Чтобы пользователи могли найти то, что они ищут, нужно
уделять внимание распределению разделов сайта, расположению
содержимого, панели управления, а затем уже улучшать функции
поиска. Источники и дальнейшее чтение
Navigation is More Important Than Search
Are There Users Who
Always Search?

Myth #16: Search will solve a website’s navigation problems

10. Главная страница не так важна, как вы
думаете
Наиболее вероятно, что посетители вашего сайта
меньше всего времени проведут на вашей главной странице. Системы
поиска играют тут большое значение, т.к. они перенаправляют
пользователей на нужные страницы на вашем сайте. Ссылки с других
сайтов тоже могут направить не на главную страницу, а туда, где
есть соответствующая информация. В соответствии с анализом Герри
Мак Говерна, просмотры главных страниц сайтов наглядно упали. Он
утверждает, что если в 2003 году 39% посетителей заходило на
сайты с главной страницы, то к 2010 году произошло снижение до
2%. Он также подтвердил это исследование данными с сайта, где
была раздельная информация за 2008 и 2010 годы (10% в 2008 году и
5% в 2010 году). Результаты Мак Говерна указывают на то, что всё
больше и больше посетителей переходит по ссылкам поисковых
систем, социальных сетей, таких как Twitter, и ресурсов по сборке
контента, таких как AllTop. И таких посетителей намного больше,
чем тех, кто сразу зашёл на главную страницу сайта.
Следовательно, чем больше внимания вы обратите на страницы, на
которые пользователи переходят по ссылкам, тем рациональнее будут
затраты на
привлечение посетителей
на ваш сайт. Источники и дальнейшее
чтение
The Decline of the Home Page

Is Home Page Design Relevant Anymore?

Myth #17: The homepage is your most important page

Сопутствующий контент
Factors That Affect Usability

Five Simple but Essential Web Usability Tips

Four Aspects of a Usable Modern Web Interface
Камерон Чапман
— профессиональный веб-дизайнер и дизайнер-график с почти
шестилетним опытом работы в этой сфере. Она написала множество
статей для блогов, таких как Smashing Magazine и Mashable.Вы
можете посетитьеё профессиональный сайт Cameron Chapman On Writing.Если
вы захотите связаться с ней, найдите её на
Twitter
. Оригинал статьи:
Cameron Chapman
(www.sixrevision.com)

Используем векторные элементы для дизайна «шапки» сайта

Представляем вам подборку из 38 красивейших сайтов,
которые используют векторные или иллюстративные элементы в
веб-дизайне своих «хидеров».

Robbin Ingvarsson


вектор, веб-дизайн, шапка сайта, header

Morphix Design Studio

01-500x401

JOBY-Website Designer

02-500x401

Atomic Cartoons Inc.

03-500x401

Paravel » Web

04-500x401

Manchester Web Design
Agency

05-500x401

CADWebsiteDesign.com

06-500x401

Music City Unsigned

07-500x401

Legwork Studio

08-500x401

Carmilla Vampire

09-500x401

IndoFolio

10-500x401

Think Orange

111-500x401

Guifx

12-500x401

N.Design Studio

13-500x401

TechAdventure DC

14-500x401

Sara Tušar Suhadolc
Portfolio

15-500x401

Just Made My Day

16-500x401

Digital Podge

17-500x401

Team Excellence

18-500x401

El Designo Graphic Design

19-500x401

Beraterherz

21-500x401

DNA to Darwin

22-500x401

Group of companies
Mospromstroy

23-500x401

Vyniknite.sk

24-500x401

boco

25-500x401

Chirp

26-500x401

Yaron Schoen

27-500x401

Dubai Webpage Designers

28-500x401

STUDIO E-SPACE
INC

29-500x401

Jacob Lee

30-500x401

Happy Cog’aoke 2

31-500x401

LogicBomb Media

33-500x401

Knoxville Tennessee

34-500x401

The Omni Group

35-500x401

MicaGrafica

36-500x401

David Jonsson

37-500x401

Carol Rivello

38-500x401

ColouringCode

32-500x401

25 великолепных примеров использования эффекта градиент в веб-дизайне

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

ECTOMACHINE


веб-дизайн, градиент, photoshop

Reinvigorate

13-02_reinvigorate

Central
Snowsports

13-03_central_snowsport

Mediastroika

13-04_mediastroika

Anderbose

13-05_anderbose

Tim Van Damme

13-06_tim_van_damme

Rise
Creative Group

13-07_rise_creative

Newism

13-08_newism

Idea Foundry

13-09_idea_foundry

atebits

13-10_atebits

Icebrrg

13-11_icebrrg

FridgeWorks

13-12_fridgeworks

Viget Extend

13-13_viget_extend

Monterey County California
Travel & Tourism

13-14_monterey

avalonstar

13-15_avalonstar

Owltastic

13-16_owltastic

Show & Tell
Consignment

13-17_show_tell

love the septapus

13-18_love_the_septapus

youlove.us

13-19_youloveus

SocialSnack

13-20_social

MULTIWAYS

13-21_multiways

Ali Felski

13-22_ali_felski

Treemo Labs

13-23_treemo

Sarah Longnecker

13-24_sarah_longnecker

Inner Metro Green

13-25_inner_metro_green

Тенденции Веб-дизайна в 2010 году

Большие логотипы и «шапки»

Тенденции, Веб-дизайн, Дизайн


Основная идея: Огромные заголовки заставят посетителя запомнить
ваш сайт (ma.tt).

Эскизы / рисованный дизайн

2


Основная идея: Эскизы станут важной частью в корпоративном
веб-дизайне.

Запоминающиеся заголовки в «шапках» сайтов

3


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

Оформление (типография)

4


Основная идея: хоть типография — молодая, но и впредь будет
являться частью веб-дизайна.

Одностраничные сайты

5


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

Огромные изображения

6


Основная идея: в основном будут использоваться для привлечения
внимания пользователей.

Изменения на перспективу

7

7-2


Основная идея: в 2010 году появится много точек зрения,
касательно развития веб-дизайна в целом.

Диалоговый / Интуитивный дизайн

8


Основная идея: Диалоговый дизайн повысит количество возвратов на
сайт.

Модальные окна

9


Основная идея: Модальные окна будут продолжать набирать
популярность.

Минимализм

10


Основная идея: минимализм будет тесно связан с типологией.

Огромные «футеры»

11

11-2


Основная идея: такие «футеры» будут нести пользователям менее
важную, но более личную информацию.

Ретро

12


Основная идея: все новое — это хорошо забытое старое.

Intro боксы

13


Основная идея: Новый способ сказать «привет».

Сайты в виде глянцевых журналов

14


Основная идея: Журнальные макеты будут использоваться для
информационно-развлекательных ресурсов.

Ретро стиль в веб-дизайне

Thrush ретро, дизайн, картинки, веб дизайн

Level 2 Design

05-04_level2

Custom
Design

05-08_customdesign

Klassiker in Acryl

05-06_klassiker

Kritevia

05-19_kretivia

Target Scope

05-18_targetscope

DeVotchKa

05-37_devotchka

Big Rig Design

05-07_bigrig

Thunder Fuel

05-25_thunderfuel

Small Stone
Recordings

05-11_smallstone

The Lippincott

05-16_lippincott

FortySeven Media

05-02_fortysevenmedia

Cottonseed Oil
Comeback Tour

05-09_cottonseed

mediaBOOM

05-09_mediaboom

Carrozzeria Verga

05-01_verga

The New York Mooon

05-12_nymoon

Five Cent Stand

05-13_fivecent

Lataka

05-15_lataka

Blue Moon

05-21_bluemoon

Gary Nock

05-24_garynock

Dollar Dreadful

05-30_dollardreadful

Phizz

05-31_phizz

The First Twenty

05-32_firsttwenty

Style 4 You

05-36_style4you

CSS Tinderbox

05-38_csstinderbox

MISTER-AERO

05-39_mister-aero

Team Mongolmania

05-40_teammongolmania

Чашки кофе в веб-дизайне

1. Rodney Edwards

веб-дизайн, веб, чашки кофе

2. Cofee In Town

coffeeintown

3. Design54

design54

4. Ficod
2008

ficod2008

5. Haus Hoyer

haushoyer

6. Icon Icon

iconicon

7. Kinoz

kinoz

8. Lee Munroe

leemunroe

9. teh C peng

tehcpeng

10. Jwhanif

cofee

11. Art Flavours

artflavours

12. The Piss Biscuit

thepissbiscuit

13. BrandStorm

веб-дизайн, веб, чашки кофе

14. Jimmyoh

jimmyoh

15. Wild Zeitung

wildzeitung

Firefox откажется от вкладок

веб-дизайн, mozilla, Firefox

«Огненный лис» приглашает дизайнеров и просто студентов, и просто
людей, которые хорошо знают веб-дизайн. Все это делается из-за
того, что недавно корпорация Mozilla приняла интересное решение
отказаться от использования вкладок в браузере. Разработчики
Firefox считают, что данная технология не подходит по темпу
развития интернета. Для участия в конкурсе, вам необходим до 21
июня, представить макет вашей идеи с видеороликом. Говоря
официально, Mozilla Labs
Design Challenge
ищет творческие решения на тему
«формирования вкладок в браузере». Более подробная информация и
статьи по этой теме опубликованы на вышеприведенном сайте. Так
что, если у вас есть идеи — все в ваших руках.