Добро пожаловать на Pro Pawn - Портал о PAWN-скриптинге.
Показано с 1 по 7 из 7
  1. #1
    Аватар для Kot™
    Пользователь

    Статус
    Оффлайн
    Регистрация
    03.11.2013
    Адрес
    YouTube
    Сообщений
    297
    Репутация:
    60 ±

    Принципы Flat (плоского) дизайна



    Плоский дизайн (Flat design) — сравнительно новый тренд, о котором не перестает говорить все дизайн сообщество.

    Кому-то он нравится, кто-то абсолютно не может к нему привыкнуть и даже ненавидит.

    Хороший дизайн в первую очередь должен решать бизнес задачу клиента, какими средствами это будет достигнуто вопрос вторичный. Если дизайнер выбрал как стиль или инструмент — «плоский дизайн» — да будет так! Но не стоит забывать что такая стилистика подходит далеко не для всех проектов.

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

    Отсутствие эффектов.





    В плоском дизайне чаще всего не используются такие эффекты как: тень, скосы, тиснение, градиенты или другие приемы, которые добавляют глубину и объем. Никаких 3D эффектов и передачи материальности в отличие от стилистического оппонента «Скеморфизма». Каждый элемент должен оставаться четким, будь то иконка, навигационная панель или рамка, кнопка и тд.

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

    Простые элементы.



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

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

    Акцент на типографике.



    Так как плоский дизайн строится на элементах простой фо рмы без объема, типографика является чрезвы чайно важным элементом в плоской композиции.

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

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

    Акцент на цвете.




    Цвет немаловажная часть дизайна. Палитра плоского дизайна, часто намного ярче и красочнее, чем для других дизайн стилей. По сравнению с обычным дизайном, который фокусируется на 2-3 цветах, плоский дизайн может включать 6 или даже 8 цветовых оттенков.

    Палитра, как правило, яркая — в основном чистые цвета. Тренд для плоского дизайна это ретро цвета — включая лососевый, фиолетовый, зеленый и синий.

    Минималистский подход.



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

    «Почти» плоский дизайн



    Многие дизайнеры используют метод «почти» плоского дизайна. Это значит, что они придерживаются минималисткого подхода, но с добавлением некоторых эффектов. Кнопки, например, могут содержать градиент или тень. Обычно это один или два эффекта. Данный прием позволяет достичь некоторой гибкости, глубины и текстуры в вашем проекте.

    Автор статьи: WorkDone
    Оформил: Koteyka


    Последний раз редактировалось Kot™; 07.11.2014 в 00:37.

  2. 3 пользователя(ей) сказали cпасибо:
    Axemarron4ik (16.10.2014) codeo (14.10.2014) lososnee (17.10.2014)
  3. #2
    Аватар для Axemarron4ik
    Пользователь

    Статус
    Оффлайн
    Регистрация
    02.08.2014
    Сообщений
    276
    Репутация:
    75 ±
    Прикольно!
    NOVELL RolePlay
    40/100%

    |||||||||||||||||||||||||||||||||||||||||||||||||||||||||

  4. #3
    Аватар для wAx
    ¯\_(ツ)_/¯

    Статус
    Оффлайн
    Регистрация
    13.12.2013
    Сообщений
    377
    Репутация:
    146 ±
    Не знаю почему, но я большой поклонник этого "тренда".

  5. #4
    Аватар для Frapsy
    Пользователь

    Статус
    Оффлайн
    Регистрация
    29.01.2014
    Сообщений
    13
    Репутация:
    3 ±
    Цитата Сообщение от wAx Посмотреть сообщение
    Не знаю почему, но я большой поклонник этого "тренда".
    Это удобно, это просто и это красиво :) тоже поклонник

  6. #5
    Аватар для Axemarron4ik
    Пользователь

    Статус
    Оффлайн
    Регистрация
    02.08.2014
    Сообщений
    276
    Репутация:
    75 ±
    Цитата Сообщение от Frapsy Посмотреть сообщение
    Это удобно, это просто и это красиво :) тоже поклонник
    Соглашусь!
    NOVELL RolePlay
    40/100%

    |||||||||||||||||||||||||||||||||||||||||||||||||||||||||

  7. #6
    Аватар для =SAN=
    Пользователь

    Статус
    Оффлайн
    Регистрация
    20.01.2014
    Адрес
    Saint-Petersburg
    Сообщений
    88
    Репутация:
    33 ±
    Да,плоский дизайн хорошая штука! Многим нравится

  8. #7
    Аватар для Alanchick
    Пользователь

    Статус
    Оффлайн
    Регистрация
    05.01.2016
    Сообщений
    15
    Репутация:
    9 ±
    Перезалей скрины пожалуйста
    Команды:
    [CMD]/byplayer
    [CMD] /virtmir
    [CMD] /hp
    Функции:
    [FUNCTION] SetPlayerTimeSkin

    Код:
    Хочешь спрятать дерево — спрячь его в лесу // Конан Дойл, «Записки о Шерлоке Холмсе»

 

 

Информация о теме

Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •