Современный дизайн страниц корпоративного сайта
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Сам сайт: http://test.tzamgroup.com
Главная задача - добиться современного, гармоничного вида и читаемости.
Содержание, структура меню, тексты, картинки - на сайте.
Дизайн для основного разрешения: 1024х786 рх (iPad).
Для более широких экранов растягиваются свободные поля меню, основное содержание и фоновые картинки вписывается во всю ширину.
Результат - файлы PSD. Промежуточные согласования - на jpeg'ах.
Работаем над всем, что видим. Особенно лого, меню, шрифты, цвета. Структуру меню не меняем.
Крупные заголовки, много свободного пространства вокруг текста
Тонкие высокие шрифты, без жирного и наклона (например здесь: http://www.apple.com/)
Современная типографика (примеры: http://www.hongkiat.com/blog/typography-for-modern-websites/)
Для страниц с большим количеством картинок пример оформления: http://rareview.com/ Только сразу всё немного высветлено. А при наведении картинка чистая. Крупные заголовки, тонкий шрифт.
Шрифты основного текста и заголовков "Lucida Grande", "Lucida Sans Unicode", Helvetica или другие, очень похожие на: http://www.apple.com/ru/macbook-air/ либо http://www.sketchin.ch/en/services/
Общее впечатление (тема): http://www.sketchin.ch/en/services/, http://www.apple.com/ipad/
Панель меню примерно: http://rareview.com/, фотка на главной НЕ залезает под меню.
Исправления постранично:
Для разделов ГРУППА, УПРАВЛЯЮЩАЯ КОМАНДА, ПРОЕКТЫ:
Только квадраты (5 столбцов), сразу все сильно высветлены, контрастные заголовки и надписи.
Промежутки между квадратами чуть тоньше, чем сейчас.
Выбранный квадрат в 2 раза больше, высветление убирается, заголовок и текст на белом фоне.
Для раздела ПРОЕКТЫ на iPad - 3 столбца с квадратами.
Подменю убираем. Всё, что в одном пункте меню - листаем вниз целую простыню. Каждый подпункт на ней желательно высотой 1 экран.
Чисто текстовые страницы (в т. ч. ПОДХОД) - очень красивая типографика. Крупные заголовки или цитаты. Композиция только за счет текста. Можно добавить иконок в списки. Много свободного пространства.
Контакты - красиво расположить картинки, типографика, крупно телефоны.
