html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Принципы создания современного веб-сайта

Большинство дизайнеров могут легко увидеть разницу между современным веб-дизайном и дизайном, который был создан 5 или 10 лет назад. Мы быстро перешли в новую фазу глянцевых кнопок и CSS3. В этой статье мы хотим рассказать вам современных методах дизайна профессиональных веб-сайтов и продемонстрировать сайты, которые используют эти методы. Некоторые принципы не всегда актуальны, так что вам придется принять эти идеи с недоверием и оценивать их для каждой конкретной ситуации. Одно ясно — веб-дизайн вступил в более продвинутый цикл развития.

Размер важен

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

We Are Empire является отличной компанией, которая разрабатывает макеты веб-сайтов и мобильные интерфейсы. Как видите,  большая фотография сразу бросается в глаза. К тому же, появляется интересный эффект при прокрутке страницы.

__________________________________________________________________________

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

__________________________________________________________________________

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


Адаптивный дизайн

В последнее время появилось много статей и уроков по адаптивному дизайну и мы настоятельно рекомендуем все их прочесть. Теперь при помощи CSS3 Media Queries можно адаптировать веб-сайты под мобильные телефоны. Конечно, нет ничего плохого в создании отдельной версии для мобильного, но все же будущее за новыми технологиями и отзывчивым веб-дизайном.

The Bodhum Network  является хорошим тому примером. Вы всегда можете установить изображениям максимальную шириной: 100%, так что изображение будет изменяться в зависимости от размера окна. Также не забывайте изменять внешний вид навигации так, чтобы она могла поместиться на меньшем дисплее мобильного экрана.

В создании адаптивного сайта вам помогут статьи:

Спецэффекты

Некоторые дизайнеры очень хотят выйти за рамки и создать необычный сайт.

В портфолио  Jon Montenegro все выглядит как большой блок текста. Каждая из букв расположена на одинаковом расстоянии друг от друга и имеет тот же стиль (за исключением ссылок). Вы можете быстро определить, какие ссылки ведут на внутренние страницы сайта. Но эта конструкция может быть также непонятна для некоторых людей. Главное,  не забывайте, что вы всегда рискуете создавая нечто подобное.

Смотрите здесь интересные примеры для вдохновения:

Динамические эффекты

Нет причин не использовать JavaScript или JQuery в современной веб-разработке.

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

Помимо JQuery HTML5 дает новые возможности для создания динамических веб-сайтов. Например, на сайте Agent008Ball  используются методы canvas  языка HTML5. Здесь можно играть в бильярд онлайн.

Минимализм

Минимализм, пожалуй, почти всегда в тренде. Но используя такой стиль помните, что хороший дизайн — это не когда уже нечего прибавить, а когда уже нечего убрать.

На сайте The New Design Guidelines используется красивая типографика и изображения-иконки, благодаря чему информация легко воспринимается.

Выводы

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

По материалам designm

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с dejurka.ru

0

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • dejurka-magazine
          • домен dejurka.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции