Базовые принципы создания презентации

Создание презентации:
1. Собрать всю текстовую информацию.
2. Выделить ключевые моменты.  Тезисно разделить информацию по слайдам.
3. Перечитать. Главное, чтобы было интересно, причем на протяжении всего доклада.
4. Сбор графики, с учетом того, что необходимо показать визуально.
4. Оформление в графическом редакторе. (Например, в Adobe Illustrator)
5. Импорт в PowerPoint.

Объём — не больше 10 слайдов. Количество текста минимальное.
Для доклада на 15-20 минут (10-15 страниц текста) обычно хватает 10 слайдов максимум. Можно обойтись 6.
Оформление презентаций для коммерческих целей необходимо делать строго по гайдлайну, то есть нужно учитывать фирменный стиль.

[related_posts] [twitter style=»horizontal» float=»left»] [fbshare type=»button_count»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]

Выравнивание

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

Выравнивание — расположение элементов, при котором они располагаются горизонтально или вертикально в одну линию по краю или относительно общего центра.

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

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

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

[related_posts] [twitter style=»horizontal» float=»left»] [fbshare type=»button_count»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]

 

Аффорданс

Аффорданс (affordance) — «приглашающее» (повелительное, побудительное) качество; предрасположенность интуитивно понятное (объективное или ощущаемое, воспринимаемое) свойство объекта (среды, интерфейса), указывающее на то, каким образом следует взаимодействовать с данным объектом или использовать его; это понятие исследуется в научной теории восприятия и находит применение в области эргономики, искусственного интеллекта, при разработке интерфейсов для взаимодействия человека с компьютером. Термин предложил психолог Джеймс Гибсон (James J. Gibson) в 1966 г.

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

Когда аффорданс объекта или среды соответствует непосредственно функциям, которые выполняет объект или среда, то тогда решение будет более эффективным и простым в использовании.

И наоборот, когда аффорданс объекта или среды конфликтует с непосредственными функциями, то решение будет менее эффективным и неудобным.

Например, у двери с ручкой аффорданс к тому, чтобы ее тянули. Но иногда, ручка бывает у двери, которая открывается наружу, соответственно которую надо толкать. Образуется конфликт между аффордансом ручки (тянуть) и функцией двери (открываться толканием). Чтобы нивелировать этот конфликт зачастую вешают табличку с указанием к действию. Более эффективное и простое решение — убрать ручку. Так образуется аффорданс к толканию.

Аффорданс дверей

Аффорданс дверной ручки

Еще один пример аффорданса — кирпичи Лего.

Лего

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

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

[related_posts] [twitter style=»horizontal» float=»left»] [fbshare type=»button_count»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]

 

Эстетичность и юзабилити

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

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

Экспериментальные доказательства этого феномена в 1995 году озвучили Масааки Куросу (Masaaki Kurosu) и Каори Кашимура (Kaori Kashimura) в своем труде Apparent Usability vs. Inherent Usability Experimental analysis on the determinants of the apparent usability.

This suggests that the user may be strongly affected by the aesthetic aspect of the interface even when they try to evaluate the interface in its functional aspects and it is suggested that the interface designers should strive not only to improve the inherent usability but also brush up the apparent usability or the aesthetic aspect of the interface.

Эстетичные вещи кажутся удобными в использовании и ими хотят пользоваться. Хотя, конечно, на деле всё может бы далеко не так. А удобные функционал, но с плохим дизайном чаще всего вызывает сопротивление и жалобы со стороны пользователей. Более того, первые впечатления от дизайна влияют на дальнейшее использование. Точь-в-точь как на восприятие человека влияет первое впечатление о нём.

Чем эстетичнее дизайн, тем он воспринимается лучше.

чайник

Ленивый чайник
Коллекция современных чайников http://www.toxel.com/tech/2009/06/26/14-modern-teapots-and-kettle-designs/

 

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

Можно привести пример из веб-разработки. Зачастую хорошо оформляется front-end сайта, то есть то, что видит читатель сайта, а «админка» остается без внимания и оформления, что вызывает в последующем негатив со стороны тех, кто публикует информацию. Они жалуются на «неудобный сайт». Как следствие заказчик бывает не до конца удовлетворен результатом работы команды разработчиков.

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

Позитивное взаимодействие с дизайном помогает творческому мышлению и решению проблем. Негативные впечатления от дизайна негативно влияют на широту мысли и подавляет тягу к творчеству. Яркий пример: два редактора векторной графики — Adobe Illustrator и Corel Draw. Многие дизайнеры отзываются об Иллюстраторе, как инструменте для творчества, а Корел многие не любят и считают продуктом для сухих чертежей.

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

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

Жизнь должна быть не только удобной, но и красивой. Отечественные производители, не скупитесь на дизайне, ищите и обращайтесь к профессионалам! Дизайнеры, стремитесь к совершенству в своих творениях, будь-то это упаковка молока или админка сайта-визитки!

Закон Парето в дизайне

Начнем с простого, с применения популярных законов к дизайну. Наверное, многие слышали о законе Парето. Популярная формулировка:  «20 % усилий дают 80 % результата, а остальные 80 % усилий — лишь 20 % результата».

В дизайне этот закон может применен следующим образом. На дизайн 20% критически важных функций затрачивается 80% времени. Эти 20% влияют на дизайн 80% оставшегося функционала.

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

Выпадающее меню Photoshop

Выпадающее меню Photoshop

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

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

[related_posts] [twitter style=»horizontal» float=»left»] [fbshare type=»button_count»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]

Про дизайнеров, юзабилити, интерфейсы, UX и так далее

Ситуация с дизайнерами в Астане (подозреваю и в Казахстане) очень сложная. Публикация вакансии вебдизайнера на сайте и на хэдхантере результатов особых не дала. Те кто отзывается, обычно находятся на начальном уровне или даже на нулевом.

Неплохой результат дал конкурс на «фриланс.ру». Посчастливилось найти и сработаться с хорошими дизайнерами из Украины и России.

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

А пока остается только безостановочно искать. Искать созидающих творцов — дизайнеров, специалистов по юзабилити, интерфейсам.

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

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

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

Созидающих вместе с ним ищет Заратустра, собирающих жатву и празднующих вместе с ним ищет Заратустра: что стал бы он созидать со стадами, пастухами и трупами!

(с) Фридрих Ницше, «Так говорил Заратустра».

 

[related_posts] [twitter style=»horizontal» float=»left»] [fbshare type=»button_count»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]

Требуется веб-дизайнер в Астане

Обязанности:

  • дизайн веб-сайтов и интерфейсов
  • логотипы
  • банеры и прочие мелкие работы

Требования:

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

Условия:

  • зп от 1000 у.е
  • полный рабочий день в офисе
  • соцпакет и все остальное
  • интересные и крупные проекты
  • молодой и динамичный коллектив
Redesign the Web http://larissameek.com/

Redesign the Web http://larissameek.com/

[related_posts] [twitter style=»horizontal» float=»left»] [fbshare type=»button_count»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]

Хазрет-Султан и 65 удивительных мечетей мира

6 июля 2012 года года в городе Астана открылась мечеть Хазрет Султан.

Кол-во минаретов 4
Высота минарета 77 м.
Высота купола 51 м.
Вместимость от 5 до 10 тыс.

Мечеть Хазрет Султан (Источник: официальный сайт мечети)

Видео внутреннего убранства мечети:

15 января 2012 года в строящейся мечети произошел пожар. К сожалению, при пожаре погиб один человек. Последствия сейчас уже устранены.

 

Подборка фотографий мечетей со всего мира.

Siddiqa Fatima Zahra Mosque (Kuwait) (Источник: Matthew Jacob)

Emir Abdelkader Mosque (Constantine, Algeria) (Источник: Beautiful Mosques)

Blue Mosque (Yerevan, Armernia) (Источник: Beautiful Mosques)

Abu Derwish Mosque (Amman, Jordan) (Источник: Beautiful Mosques)

Мечеть Ахмада Кадырова (Грозный, Чечня) (Источник: Beautiful Mosques)

Mecca Masjid (Hyderabad, India) (Источник: Beautiful Mosques)

Masjid Raya Mosque (Tanjong Pinang, Indonesia) (Источник: Beautiful Mosques)

Great Mosque of Xining (Xining, China) (Источник: Beautiful Mosques)

Tokyo Mosque (Tokyo, Japan) (Image Credit: Beautiful Mosques)

Lead Mosque (Shkoder, Albania) (Image Credit: Beautiful Mosques)

Hui Mosque in Ningxia (Ningxia, China) (Image Credit: Islamic Arts and Architecture)

Shrine of Hazrat Ali (Mazar-i-Sharif, Afghanistan) (Image Credit: Famous Mosque)

Saint Petersburg Mosque (St. Petersburg, Russia) (Image Credit: Zaratra)

Mosque-Madrassa of Sultan Hassan (Cairo, Egypt) (Image Credit: Ernie Reyes)

Sultan Qaboos Grand Mosque (Muscat, Oman) (Image Credit: Jerome Ryan)

Al Nida Mosque (Baghdad, Iraq) (Image Credit: Mihoub Fares)

Sunshine Mosque (Victoria, Australia) (Image Credit: William Bullimore)

Sultan Omar Ali Saifuddin Mosque (Bandar Seri Begawan, Brunei) (Image Credit: Tylerdurden1)

Sultan Omar Ali Saifuddin Mosque 2 (Bandar Seri Begawan, Brunei) (Image Credit: NeilsPhotography)

Baitun Nur (Alberta, Canada) (Image Credit: Engr. Mazhar-ul-Haq Khan)

Sheikh Zayed Grand Mosque (Abu Dhabi, UAE) (Image Credit: Dennis Teoh)

Sheikh Zayed Grand Mosque 2 (Abu Dhabi, UAE) (Image Credit: Best in Travel)

Sheikh Zayed Grand Mosque 3 (Abu Dhabi, UAE) (Image Credit: Wikipedia)

Taj Mahal Mosque (Agra, India) (Image Credit: Wikipedia)

Qolsharif Mosque (Kazan, Russia) (Image Credit: Wikipedia)

Imam Reza Shrine (Mashhad, Iran) (Image Credit: Meysam110)

Badshahi Mosque (Lahore, Pakistan) (Image Credit: Wikipedia)

Green Lane Masjid (Birhingham, United Kingdom) (Image Credit: Wikipedia)

Wazir Khan Mosque (Lahore, Pakistan) (Image Credit: Wikipedia)

Sabancı Merkez Camii (Adana, Turkey) (Image Credit: Wikipedia)

Al-Saleh Mosque (Sana’a, Yemen) (Image Credit: Himo)

Jumeirah Grand Mosque (Dubai, UAE) (Image Credit: Elvis Payne)

The Mosque of Muhammad Ali Pasha (Cairo, Egypt) (Image Credit: Brian Connor)

Kowloon Masjid and Islamic Centre (Hong Kong, China) (Image Credit: ZN Web Studio)

Al-Azhar Mosque (Cairo, Egypt) (Image Credit: Jan Matysek)

Grande Mosquee de Paris (Paris, France) (Image Credit: Fredcan)

Great Mosque of Hohhot (Inner Mongolia, China) (Image Credit: Chaloos)

Imam Mosque (Isfahan, Iran) (Image Credit: HybridLava)

Nur-Astana Mosque (Astana, Kazakhstan) (Image Credit: Frost-uw)

Jamia Mosque (Nairobi, Kenya) (Image Credit: Laird Scott)

Crystal Mosque (Terengganu, Malaysia) (Image Credit: Azam Hashim)

Crystal Mosque 2 (Terengganu, Malaysia) (Image Credit: Mohammad Azmi)

Masjid Bahagian Kuching (Sarawak, Malaysia) (Image Credit: Bingregory)

Putra Mosque (Putrajaya, Malaysia) (Image Credit: Ming Chan)

Putrajaya Mosque (Kuala Lumpur, Malaysia) (Image Credit: Jim Boud)

Grand Mosque (Mecca, Saudi Arabia) (Image Credit: Hossam All Line)

Grand Mosque 2 (Mecca, Saudi Arabia) (Image Credit: Sharif Afridi)

Jama Masjid (Delhi, India) (Image Credit: Sharif Afridi)

Hassan II Mosque (Casablanca, Morocco) (Image Credit: Rosino)

Abuja National Mosque (Abuja, Nigeria) (Image Credit: Irene Becker)

Sultan Haji Hassanal Bolkiah Masjid (Cotabato City, Philippines) (Источник: Eazy Traveler)

Sultan Mosque (Singapore) (Источник: Judhi Prasetyo)

Great Mosque of Djenne (Mali Djenne, Mali) (Image Credit: El-Len)

Faisal Mosque (Islamabad, Pakistan) (Источник: Ian Cowe)

Jami Ul-Alfar Mosque (Colombo, Sri Lanka) (Источник: Rushika Silva)

Another 10 More..

Ahmadiyya Anjuman Isha’at Islam Mosque (Paramaribo, Suriname) (Источник: Malakospapakos)

Al-Aqsa Mosque (Old City, Jerusalem) (Источник: Malakospapakos)

Great Mosque of Damascus (Damascus, Syria) (Источник: Bashar Shglila)

Omayyed Mosque (Damascus, Syria) (Источник: Hussein Alazaat)

Sultan Ahmed Mosque (Istanbul, Turkey) (Источник: Discodoener)

Kocatepe Mosque (Ankara, Turkey) (Источник: Ahmed Wisam)

Seoul Central Mosque (Seoul, South Korea) (Источник: Izamree)

Mosque of the Prophet (Medina, Saudi Arabia) (Источник: Mubarak ALThani)

Mosque of the Prophet 2 (Medina, Saudi Arabia) (Источник: Azozphotography)

Al Fateh Grand Mosque (Manama, Bahrain) (Источник: Roger Solas)

Ораза айт қабыл болсын!

[related_posts] [twitter style=»horizontal» float=»left»] [fbshare type=»button_count»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]

Конкурс веб-дизайнеров «Редизайн сайта proza.kz»

вебдизайн

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

Проект создан студией kaznetmedia и живет уже более двух лет, за это время он успел собрать сообщество авторов разных направлений и удостоится награды «Открытие года» и гран-при в номинации «Культура и искусство» на Национальной Интернет-премии AWARD.KZ.

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

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

Победитель получает приз в размере 1000 USD. А также предложение по дальнейшему деловому сотрудничеству со студией kaznetmedia.
Надеемся, что в результате конкурса proza.kz обретет новый облик, а мы – нового коллегу!

Все подробности на сайте Free-lance.ru

Всем успехов, ждем результатов.

[related_posts] [twitter style=»horizontal» float=»left»] [fbshare type=»button_count»] [google_plusone size=»standard» annotation=»none» language=»English (UK)»]