Научная статья на тему 'Стили сайтов в веб-дизайне'

Стили сайтов в веб-дизайне Текст научной статьи по специальности «Компьютерные и информационные науки»

CC BY
2853
466
i Надоели баннеры? Вы всегда можете отключить рекламу.
Ключевые слова
ВЕБ-ДИЗАЙН / САЙТ / СТРУКТУРЫ САЙТА / ЗАЛИВКА / ДИЗАЙН САЙТА

Аннотация научной статьи по компьютерным и информационным наукам, автор научной работы — Исмойилов Хаёт Баротович

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

i Надоели баннеры? Вы всегда можете отключить рекламу.
iНе можете найти то, что вам нужно? Попробуйте сервис подбора литературы.
i Надоели баннеры? Вы всегда можете отключить рекламу.

Текст научной работы на тему «Стили сайтов в веб-дизайне»

СТИЛИ САЙТОВ В ВЕБ-ДИЗАЙНЕ Исмойилов Хаёт Баротович, старший преподаватель, Бухарский инженерно-технологический институт, г.Бухара, Узбекистан

(e-mail: [email protected])

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

Ключевые слова: Веб-дизайн, сайт, структуры сайта, заливка, дизайн сайта.

Роль привлечения посетителей на сайт выполняет графическое оформление, а удобство и неприкрытая простота позволяет удерживать посетителя и заставляет его возвращаться на сайт еще раз.

До не давних времен веб дизайн можно было разделить на:

европейский;

американский;

русский (СНГ);

японский;

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

Рисунок 1 - Пример европейского дизайна

Рисунок 2 - Пример американского веб дизайна

Американский дизайн, как в прочем и всё остальное является беглым скетчем на бумаге. Используется один крупный графический элемент, чаще всего фотография, шрифт обычно стилизован или стандартный, при этом всё графическое является упрощённым - это чаще всего фигуры при-

митивы с одноцветной заливкой или градиентом, иногда используется обводка [2].

Русский (СНГ) веб дизайн - это минимализм, обычно текст с использованием стандартных шрифтов, иногда применение художественных элементов.

Рисунок 3 - Пример русского дизайна сайта

Японский веб дизайн - это двоякость новой и старой Японии, либо огромное количество моргающего разноцветного текста и картинок, максимум «ядовитых» цветов, либо строгость и высокий уровень минимализма.

Рисунок 4 - Пример японского веб дизайна

ШШБКОР

н* V - <м —«

^ ■ _В щ

Рисунок 5 - Пример западного дизайна

Со временем дизайн европейский и американский объединились в «Западный». Западный веб дизайн так же используется многими российскими и СНГ дизайнерами. Отличается он применением стилизованного шрифта, применением контрастных цветов. Обычно используются фотографии и

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

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

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

Рисунок 6 - Классификация стилей дизайна сайтов

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

ИшАЦКДМ!

Рисунок 7 - Пример сайта в классическом стиле

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

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

©

PORTFOLIO

Рисунок 8 - Пример сайта в ретро стиле

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

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

Ш- 1

Рисунок 9 - Пример журнального сайта

При этом технологии сменились не только интернета, но и появились новые дисплеи Retina и подобные с высокой плотностью пикселей. Разрешающая способность дисплея - это количество пикселей (точек или растров) на единицу площади, является одной из основных характеристик дисплея. Сейчас на 13 дюймов размещается 2560х1600 пикселей c высококачественной жидкокристаллической матрицей (IPS).

Разрешение дисплеев перестали отвечать былым стандартам, их накопилось уже свыше 3 тысяч вариантов. Появилось множество различных мобильных устройств с разными соотношениями и разрешениями [3].

Стандартом стал широкоформатный вариант дисплеев, где разрешение тоже смещается в сторону увеличения независимо от размеров.

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

На сайте кроме графики присутствует текст. Текст, как и в графическом, дизайне определяется размерами (кегелем) и шрифтом. Дизайнеру, необходимо сразу выбрать какими шрифтами будет пользоваться, при этом, как правило, для одного веб-сайта используется не более трёх [1].

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

1. Шикин Е.В., Бересков А.В., Компьютерная графика. Полигональные модули. -М.: Диалог - МИФИ, 2011.

2. Рейинбоу В. Компьютерная графика. Энциклопедия. Самоучитель. СПб.: Питер 2010.

3. Мураховский В.И. Компьютерная графика. Популярная энциклопедия. СПб.: Питер 2012.

Ismoilov Khayot Barotovich, Senior Lecturer, Bukhara Engineering and Technology Institute, Bukhara, Uzbekistan (e-mail: [email protected]) STYLES OF SITES IN WEB DESIGN

Abstract. This article reveals the features of Web Design - a graphic design of the site, which includes the development of the structure of the site, the development of site logic, taking into account the usability (usability). Keywords: Web-design, site, site structure, filling, website design.

СОЗДАНИЕ ЭЛЕКТРОННОГО КУРСА LMS MOODLE КОМПЬЮТЕРНАЯ СЕТЬ

Истамова Кумуш Исломовна, студент 12-16МИАТ (e-mail: [email protected]) Казимова Гулбахор Хасановна, старший преподаватель (e-mail: [email protected]) Сайидова Назокат Сайфуллаевна, к.т.н., доцент (e-mail: [email protected]) Бухарский государственный университет, г.Бухара, Узбекистан

В данной статье раскрываются особенности системы LMS которые являются одной из передовых технологий, могут создавать современные информационные технологии и системы дистанционного обучения. На основе новых технологий (например, в системе Moodle) решаются такие задачи, как разработка персонализированного метода обучения, формулирование и совершенствование знаний учащихся и определение уровня знаний, которые они приобрели. Использование технологий дистанционного обучения в процессе обучения оказывает сильное влияние на позитивные изменения в содержании, формах и методах обучения.

i Надоели баннеры? Вы всегда можете отключить рекламу.