Форум программистов, компьютерный форум, киберфорум
R71MT
Войти
Регистрация
Восстановить пароль

Web-дизайн: откуда черпать идеи

Запись от R71MT размещена 18.04.2018 в 14:27
Показов 3139 Комментарии 0
Метки web дизайн

Всем привет!
Поделюсь рац/предложением на тему "Как сверстать индивидуальную пагу?".
Идеи давно уже лежат на поверхности, поэтому и придумывать ничего ненадо - всё уже давно придумали. В зависимости от интересов, делаю скрин менюшки какой/нибудь любимой геймы, и с некоторыми поправками переношу его в HTML-документ.

В фотошопе рисую копии буттонов и всей "атмосферы" в целом. Проблема в том, как отобразить в станичке всякие кривые/ломаные/фигурные участки. Это просто, если применить в фотошопе инструмент "Раскройка". Нужно просто нарисовать макет, и раскроить его на мелкие рисунки, из которых и собрать полную картину в целом.

[Файл --> Сохранить для Web --> PNG --> Сохранить]

Нажмите на изображение для увеличения
Название: 0256.png
Просмотров: 1072
Размер:	17.8 Кб
ID:	4758

На выходе получаю папку, в которой лежат уже две части одного рисунка - размер первого (который с текстом) в html-паге фиксирую пикселями, а размер второго (линии) задаю в процентах на всю/оставшуюся ширину. С остальными элементами проделываю тоже/самое, вставляю фоном каку-нибудь картинку по тематике сайта, и получается то, что получилось. Пример дизайна сайта скомунизденного у игры "CRYSIS" представлен ниже..

Нажмите на изображение для увеличения
Название: site1.jpg
Просмотров: 1238
Размер:	62.8 Кб
ID:	4759Нажмите на изображение для увеличения
Название: site0.jpg
Просмотров: 1437
Размер:	56.2 Кб
ID:	4760
Метки web дизайн
Размещено в Без категории
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Всего комментариев 0
Комментарии
 
Новые блоги и статьи
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru