Дизайн статьи: статьи и новости в блоге Skillbox о дизайне

Все публикации / Дизайн / Хабр

klimensky

вчера в 13:13

Разработка игр *Законодательство в IT Читальный зал Дизайн игр *Игры и игровые консоли

В начале ноября этого года, в Госдуме РФ первый замглавы комитета по просвещению Яна Лантратова предложила запретить распространение компьютерных игр, пропагандирующих порнографию, жестокость и насилие, а также ненормативную лексику. С формулировкой:

«Видео- и компьютерные игры, распространяемые на любых видах носителей <…> не должны содержать информации, выражающейся в неприличной форме, которая оскорбляет человеческое достоинство и общественную нравственность, явное неуважение к обществу, государству, официальным государственным символам», — указано в документе.

Что именно подпадает под термин «оскорбление человеческого достоинства и общественной нравственности», правда, не раскрывается.

А зарабатывание фрага от лица террористов в Counter-Strike вполне себе тянет на неуважение к государству в лице силовых структур, как его неотъемлемой части. Ну, вы поняли. 

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

Конечно, это не первый прецедент. Но в деле запрета компьютерных игр Россия — не первопроходец. Давайте посмотрим, почему в других странах вводили запреты на игры и как происходило. 

Нарушить запрет на чтение

Всего голосов 15: ↑13 и ↓2 +11

Просмотры

2.3K

Комментарии 36

Eduard_Kumykov

вчера в 10:57

Разработка игр *Дизайн игр *Игры и игровые консоли Логические игры

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

Все игры доступны в онлайне и это подборка с itch.io.

Читать далее…

Всего голосов 2: ↑1 и ↓1 0

Просмотры

814

Комментарии 0

lanit_team

вчера в 10:01

Блог компании ГК ЛАНИТ Дизайн

В преддверии праздников каждый корпоративный дизайнер сталкивается с задачей создать неповторимую поздравительную открытку для клиентов, партнеров, сотрудников. Задача эта приходит не только к общепринятым дням, отмеченным красным в календаре, но и к особенно дорогим сердцу профессиональным праздникам. Кем бы вы ни были по долгу службы, знайте: у вас обязательно есть он — такой специальный сакральный день, который заявляет миру о нужности вашей профессии и позволяет с размахом отметить осознание этого, объединившись с сослуживцами. Обычно дизайнеры ищут вдохновение в референсах.

Предлагаю вам подборку открыток, которые попались мне и моим коллегам из ЛАНИТ, когда мы изучали, на что можно опереться в наших творческих поисках.

Читать далее

Всего голосов 14: ↑13 и ↓1 +12

Просмотры

626

Комментарии 0

Dimon2022

вчера в 09:38

Занимательные задачки Компьютерная анимация *Научно-популярное Биотехнологии Здоровье

Целевая аудитория этой статьи — люди с лишним весом и недовольные своим малоподвижным образом жизни, неудачно пытавшиеся в прошлом начать бегать, но бросившие тренировки из-за того, что было слишком тяжело бегать и бег не доставлял удовольствия.

Читать далее

Всего голосов 18: ↑10 и ↓8 +2

Просмотры

11K

Комментарии 76

yudeek

000Z» title=»2022-12-26, 20:08″>26 декабря в 20:08

Разработка веб-сайтов *Управление продуктом *Дизайн

Несмотря на разнообразие подходов к UX (статья 1, статья 2, статья 3), в научной и практической среде за последние два десятилетия сформировались стандартизированные методики изучения пользовательского опыта. Объединяет их то, что все они основаны на теоретических предпосылках, разработанных в рамках относительно новой дисциплины Human-Computer Interaction (HCI). При этом четко прослеживается тенденция на расширение факторов, входящих в UX. Сегодня я расскажу о трех самых распространенных опросниках: AttrakDiff, UEQ и meCUE. 

Читать далее

Всего голосов 2: ↑2 и ↓0 +2

Просмотры

753

Комментарии 0

ru_vds

26 декабря в 16:00

Блог компании RUVDS. com Прототипирование *Развитие стартапа Производство и разработка электроники *Космонавтика

Вступление

Привет Хабр. Совсем недавно вы могли видеть новость о том, что RUVDS запустит свой сервер в космос. Могли и не видеть, но сейчас сходите посмотреть, чтобы понять о чём речь. Но если лень читать, процитирую:

Хостинг-провайдер RUVDS и компания «Малые космические системы» разработают спутник-сервер, размер которого составит 5 на 5 см. Об этом сообщили ТАСС в компании RUVDS.

Так вот, я ко-фаундер или как теперь стоит говорить соучредитель Малых космических систем и хочу вам рассказать подробнее о том, что это за спутник TinySat размером 5 на 5 см (Забыли ещё один размер — 5 × 5 × 5 см, так что речь о кубике, а не о квадратике).

Читать дальше →

Всего голосов 69: ↑65 и ↓4 +61

Просмотры

6.3K

Комментарии 26

Ekamelev

000Z» title=»2022-12-26, 15:01″>26 декабря в 15:01

Прототипирование *Фриланс Дизайн

Это глава из «Книги нормального фрилансера», в которой я делюсь опытом проектировщика интерфейсов, работающего на себя.

Самый страшный враг на свете — это правки от клиента,
Видишь правки — защищайся. Ты — эксперт, тебе видней!
Если это не поможет, правь всё молча, с грустным видом,
Чтоб заказчик сразу понял, как он был с тобой неправ. 

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

Клиент получил результат и со словами «ознакомлюсь на выходных» пропал на несколько дней. Я с нетерпением ждал обратной связи, ведь от неё зависел финальный платёж, а мне как раз нужны были деньги. И вот письмо с комментариями, наконец, пришло.

Открывал я его с большим оптимизмом, так как считал, что отлично справился с проектом. Но когда увидел объём обратной связи, расстроился и разозлился одновременно. «Мда, не видать мне оплаты в ближайшее время!» — подумал я, вчитываясь в десятки замечаний.

Читать далее

Всего голосов 14: ↑12 и ↓2 +10

Просмотры

3.1K

Комментарии 8

art_ew

26 декабря в 14:39

Интерфейсы *Учебный процесс в IT Дизайн

Дизайн-ревью. Внедряем новый процесс

Читать далее

Рейтинг 0

Просмотры

485

Комментарии 2

Arrivvaa

25 декабря в 20:12

Работа с 3D-графикой *CGI (графика) *Криптовалюты Визуальное программирование *

Из песочницы

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

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

Читать далее

Всего голосов 36: ↑5 и ↓31 -26

Просмотры

3K

Комментарии 15

Ekseft

24 декабря в 21:08

Разработка веб-сайтов *Интерфейсы *HTML *

Перевод

Сегодня я хочу рассмотреть предложенную функцию HTML, которая может в итоге заменить множество пользовательских компонентов ввода на основе <div>: <selectmenu>.

Читать далее

Всего голосов 15: ↑15 и ↓0 +15

Просмотры

6.8K

Комментарии 13

BasicSloth

24 декабря в 11:11

Программирование *Разработка игр *Unity *Дизайн игр *

Перевод

Привет! Перевод очередной лекции на этот раз о знакомстве с Unity и о Helicopter Game 3D в частности.

Читать далее

Всего голосов 1: ↑0 и ↓1 -1

Просмотры

475

Комментарии 0

eldanielle

23 декабря в 23:24

Веб-дизайн *Разработка веб-сайтов *Интерфейсы *Тестирование веб-сервисов *Учебный процесс в IT

Из песочницы

Привет! Меня зовут Даниил Видишев, я продуктовый дизайнер в Inly.

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

Читать далее

Всего голосов 4: ↑4 и ↓0 +4

Просмотры

3.2K

Комментарии 5

Eduard_Kumykov

23 декабря в 08:51

Разработка игр *Монетизация игр *Аналитика мобильных приложений *Дизайн игр *Продвижение игр *

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

Читать далее…

Всего голосов 8: ↑7 и ↓1 +6

Просмотры

1. 6K

Комментарии 2

AlfaTeam

22 декабря в 20:08

Блог компании Альфа-Банк Разработка веб-сайтов *API *WebAssembly *Голосовые интерфейсы *

Голосовые технологии повсюду: Siri, Алиса, Alexa, финансовые помощники в приложениях банков, например, Альф. Они есть в колонках, телефонах, даже в автомобилях. Но что насчёт браузеров? Когда я начала заниматься разработкой голосового помощника для личного кабинета банка в браузере, то заметила, что не могу вспомнить никаких голосовых интерфейсов в них. Кроме Web Speech API ничего больше и нет — «готовые» нативные возможности в браузере отсутствуют как класс. Поэтому так получается, что создавать пользовательский опыт взаимодействия голосом с браузерами приходится альтернативными способами.

Привет! Меня зовут Ольга Болотова. Я работаю в Альфа-Банке JavaScript-разработчицей, где работаю над голосовым помощником Альфом, и я немного расскажу о голосовых помощниках в браузере.

Читать далее

Всего голосов 13: ↑13 и ↓0 +13

Просмотры

1.2K

Комментарии 2

KabirK

22 декабря в 18:22

Типографика *

В средневековых рукописях слова не разделялись пробелами. И кавычек там тоже не было. По мере отрыва письменной речи от устной всё нужнее становились пробелы, по мере отрыва цитаты от контекста всё нужнее становились кавычки, а по мере развития культуры цитирования всё чаще возникали ситуации, когда один цитирует другого, который цитирует третьего, который приводит слова четвёртого… И как же различать, где кто?

Читать далее

Всего голосов 31: ↑27 и ↓4 +23

Просмотры

3.6K

Комментарии 30

DSyrovnev

000Z» title=»2022-12-22, 15:29″>22 декабря в 15:29

Блог компании X5 Tech Разработка мобильных приложений *Дизайн мобильных приложений *

Привет, Хабр! Я Дмитрий Сыровнев, руководитель команды мобильного приложения «Х5 Недвижимость». Когда я рассказываю, чем я занимаюсь, то люди задаются вопросом: где Х5 Group, а где, собственно, строительство и недвижимость?  Отвечаю: X5 Group – это не только магазины «Перекрёсток» и «Пятёрочка», но и транспорт, импорт, а также стройка и недвижимость.

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

Читать далее

Всего голосов 4: ↑4 и ↓0 +4

Просмотры

945

Комментарии 8

olleelooo

000Z» title=»2022-12-21, 17:06″>21 декабря в 17:06

Блог компании Just AI Искусственный интеллект Natural Language Processing *Голосовые интерфейсы *

Туториал

Привет, Хабр! Меня зовут Оля, и я работаю QA-инженером в команде лингвистов Just AI. Для лингвистов-разработчиков каждый чат-бот — это отдельный проект со своими фичами, иногда с собственным характером и всегда — с особым подходом к тестированию. В тестировании ботов, помимо проектной специфики (a.k.a. конкретные требования и «хотелки» заказчика), которую обобщить едва ли возможно, есть еще и неочевидные вещи, связанные со спецификой самого типа бота. В этом материале я постаралась аккумулировать наш опыт запуска голосовых и текстовых ботов в продакшен (десятков ботов!) и собрать рекомендации о том, как их тестировать. 

Читать далее

Всего голосов 6: ↑5 и ↓1 +4

Просмотры

775

Комментарии 2

petr97

000Z» title=»2022-12-21, 17:00″>21 декабря в 17:00

Работа с видео *Работа с 3D-графикой *Компьютерная анимация *CGI (графика) *Графический дизайн *

Новый мультфильм сделанный на «Blender»-е.

Читать далее

Всего голосов 30: ↑29 и ↓1 +28

Просмотры

4.8K

Комментарии 1

KOTELOV

21 декабря в 15:43

Анализ и проектирование систем *Разработка мобильных приложений *Swift *Kotlin *Дизайн мобильных приложений *

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

Читать далее

Всего голосов 10: ↑8 и ↓2 +6

Просмотры

1.7K

Комментарии 11

omar0275

000Z» title=»2022-12-21, 12:27″>21 декабря в 12:27

Разработка игр *Дизайн игр *

Из песочницы

Всем привет. Меня зовут Леся и я Гейм Мастер D&D. В силу обстоятельств моей команде героев пришлось променять стол с картами и миньками на интернет пространство. Хочу рассказать вам о нашем первом ваншоте в Foundry и поделиться всеми своими материалами в виде игрового мира, который вы легко можете себе установить.

Читать далее

Всего голосов 13: ↑13 и ↓0 +13

Просмотры

1.9K

Комментарии 8

Статьи по графическому дизайну

26.12.2022

Для чего дизайнеру учиться иллюстрации: интервью со слушательницей

Мария Клименко — графический дизайнер из небольшого города в Удмуртии. В интервью она рассказала о работе, обучении и о том, что самое сложное в работе иллюстратора.

22.12.2022

Как оценивают дизайн-проекты на конкурсе «Золотое копье»: интервью с членом жюри Анной Суетиной

Эксперт Pentaschool, член жюри крупнейшего конкурса для фрилансеров Анна Суетина — о том, какие ошибки совершают конкурсанты, какие работы были представлены и что нужно, чтобы вас отметило жюри.

15.09.2022

Графический дизайн для начинающих: курсы и бесплатные видео-уроки от Pentaschool

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

19.08.2022

Что такое СДО и как она работает: знакомим с платформой, на которой проходит обучение

А также рассказываем о дополнительных возможностях платформы вместе со специалистом по работе СДО Аленой Шангиной.

13.07.2022

От Heinz до СберМаркета: как создается упаковка с идеей

И какие трудности могут возникнуть при разработке концепции бренда: интервью с основателями агентства Commersart, экспертами Pentaschool Алевтиной Колеговой и Давидом Оганесяном.

11. 07.2022

Приглашаем слушателей Pentaschool поучаствовать в Пятой Премии для фрилансеров «Золотое копье»

В этом году Pentaschool — информационный партнер Пятой Премии фрилансеров «Золотое копье». Рассказываем, для кого эта Премия, какие есть номинации и делимся промокодом на скидку для участников.

21.06.2022

3D-дизайнер. Где учиться создавать 3D-модели и сделать это своей профессией

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

26. 05.2022

Три главных отличия веб-дизайна от графического дизайна

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

12.05.2022

Какой компьютер нужен дизайнеру и сколько он стоит?

Motion-дизайнер, специалист технической поддержки Pentaschool Дмитрий Куприенко рассказал, как выбрать компьютер, можно ли использовать ноутбук и какие вложения потребуются дизайнеру на старте.

Оформление статей, темы, шаблоны и загружаемые графические элементы на Dribbble

1. Просмотр блога на главную

   Дом блога

2. Посмотреть цифровую издательскую платформу — профиль

   Цифровая издательская платформа — профиль

3. Просмотр 365MAG

   365МАГ

4. Посмотреть блог Финтори

   Блог Финтори

5. 365 Магазин

6. 365 Магазин

7. Фото блога — Концепция веб-сайта

8. Посмотреть блог SmartUV

   Блог SmartUV

9. Посмотреть Causevox 🦄 – Блог

   Causevox 🦄 – Блог

10. Посмотреть блог Скелло 🏄‍♂️

    Блог Скелло 🏄‍♂️

11. Посмотреть Библиотеку Сахарова

    Библиотека Сахарова

12. Просмотр Пресса

13. Посмотреть минимальную запись в блоге — интерфейс без названия

    Минимальный пост в блоге — Пользовательский интерфейс без названия

14. Посмотреть минимальную запись в блоге — интерфейс без названия

    Минимальный пост в блоге — Пользовательский интерфейс без названия

15. Приложение «Просмотреть статью» — дизайн пользовательского интерфейса

    Статья Приложение — Дизайн пользовательского интерфейса

16. TechRead — Статья в веб-приложении

17. Посмотреть комплект пользовательского интерфейса Domoco News 📰

    Комплект пользовательского интерфейса Domoco News 📰

18. Просмотр блога — Персональный сайт

    Блог — Персональный сайт

19. Посмотреть минималистский личный блог

    Минималистский личный блог

20. Посмотреть сегодняшние новости — Landing Page Новости портала

    Todaynews — Лендинг Новостей Портала

21. Посмотреть Boxmind — веб-приложение для онлайн-публикаций

    Boxmind — веб-приложение для публикации в Интернете

22. Просмотреть сообщение в блоге — Пользовательский интерфейс без названия

    Сообщение в блоге — Пользовательский интерфейс без названия

23. Просмотр блога — онлайн-платформа для публикации статей

    Блог — Онлайн-платформа для публикации статей

24. Типовая компоновка

Зарегистрируйтесь, чтобы продолжить или войдите

Идет загрузка. ..

Как правильно оформить статью. Статьи – это сердце новости… | Пол Зогманн

Статьи — это сердце новостной платформы. Вот почему мы провели бесчисленное количество интервью с читателями, выслушали их истории, как они читают статьи, как они добираются до статей и что они делают после этого. Мы также рассмотрели анализ данных и лучшие практики со всего мира. Мы посмотрели, как, например, Washington Post или BBC структурировали свои статьи.

Наш процесс проектирования от анализа к обучению:

Процесс проектирования в Brutkasten Media

В процессе проектирования возникли три аспекта, которые должны сопровождать дизайн статьи с нуля. Статьи должны фокусироваться на следующих моментах:

• Лучший и самый приятный опыт чтения статей
• Статьи для дальнейшего чтения в ленте, как мы привыкли из социальных сетей
• Элементы статьи, которые вдохновляют, но делают не раздражать

Лучший и самый приятный опыт чтения статей

F Структура и содержание статей

Благодаря новой структуре статьи теперь содержат 85% контента, а навигация — только 15%. При прокрутке вниз содержимое заполняется даже на 95%, а навигация сокращается до 5%.

Кроме того, конструкция спроектирована по образцу F. Читатели начинают читать в верхнем левом углу. А это именно блок с заголовком и превью. Это должно дать читателю четкое представление о том, стоит ли читать статью.

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

Сосредоточьтесь на чтении

Статьи для дальнейшего чтения в ленте, как мы привыкли из социальных сетей

Хорошим примером могут послужить ленты из Instagram и Facebook. Во-первых, необходимо решить, работает ли лента вертикально или горизонтально (как в Instagram Stories). Однако вертикальный путь вызывает знакомое ощущение, потому что он встречается гораздо чаще.

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

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

Оптимизированная лента новостей

Элементы статей, которые вдохновляют, но не раздражают

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

Цветные слова глоссария

При нажатии на отмеченное слово открывается небольшое информационное окно с описанием слова.