Дизайн мобильного сайта. Мобильный веб-дизайн. Важные отличия сайта для телефона от сайта для компьютера.

В сети много информации для программинга мобильных сайтов. а вот по дизайну мобильных сайтов почти ничего нет :(

Поэтому, как всегда, делюсь с вами умными мыслями которые я нашла! (Это было несколько ко статей, которые я скомпановала в простые и доступные правила:

1. Дублировать информацию не полностью Только важное.

2. стоит поместить кнопки перехода на соцсети.

3.  Обязательна ссылка на основной сайт

4. Удобно на кнопках (мелко) указывать номер кнопки телефона (0-9)

5. Делайте вертикальный дизайн.

6. Наиболее важные функции нужно располагать вверху

7. Внизу сделать ссылку для перехода наверх и продублировать наименования кнопок которые наверху текстовой ссылкой в подвале.

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

9. Не используйте полный текст на мобильных сайтах. Оставляйте ссылки для перехода на основной сайт. Впрочем, это не всегда удобно. Поэтому пользуйтесь этим разумно.

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

11.Flash, JavaScript, куки, HTML5, рамки и всплывающие окна не будут работать на мобильных телефонах, так что не стоит их использовать.

12. Используйте только вертикальную прокрутку, не заставляйте пользователей прокручивать сайт еще и горизонтально.
___________________________________

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

_________________________________________

С уважением к Вам.
Алла.

Я – web-дизайнер!

Цитата

Просто примеры моих работ :)

Читать далее

Скачать рекламные плакаты бесплатно! Зимняя детская мода, оформления детского магазина одежды.

Галерея

Эта галерея содержит 4 фотографии.

3 варианта макета для витрины детского бутика. Читать далее

Требования к макетам визиток

Уже не в первый раз сталкиваюсь с вопросом “Как подготовить визитку для типографии?” и решила подробно 0бъяснить всем и каждому…

Лично я фон для визитки подготавливаю в Фотошопе, а текстовку – в Кореле.  (В фотошопе сильно пикселизируется текст :( т.е.   становится размытым и “квадратиками”).

Читать далее

Подготовка файлов для широкоформатной печати

Итак, чем же отличается дизайн широкоформатной (наружной) рекламы от дизайна листовок и плакатов?

  1. Если вы сохраните файл размера 2,5х1 м (к примеру) с разрешением 300 dpi  (как требуется для полиграфии), то вы осложните жизнь тем, кто будет это печатать, да и себя покажете не профессионалом.

 

банер

Пример банера (наружная реклама)

Приблизительно это должно выглядеть так: Читать далее

Флеш-урок создания календарной сетки в CorelDraw

Все очень просто.  Посмотрите этот ролик и повторите сами.  Есть вопросы? Задавайте в комментариях.

Читать далее

Молочные продукты или … ребрендинг молочной компании!

Галерея

Эта галерея содержит 39 фотографий.

В общем так. Я решила дать вам пищу для размышлений. Каких? На тот случай, если вам тоже придется делать новое (упаковку, логотип и т.п.) я вам предлагаю мою подборку дизайн-мыслей на тему молока и укаковки, которые я собрала в И-нете. … Читать далее

Мы делили апельсин… Или история одного заказика.

Приятно работать с креативными людьми… Вот сегодня дали заказик: сделать наклейку на цитрусы, используя лого фирмы и фирменный шрифт… Вот что получилось! Читать далее