Как спроектировать современный сайт вин чои


Чои Вин - Как спроектировать современный сайт » Книги читать онлайн бесплатно без регистрации

Чои Вин

Как спроектировать современный сайт

Моим родителям, которые сделали все, что могли.

Глава 1. Введение

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

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

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

Возможно, все это – плоды моего воображения. Но я описал то, что изначально привлекало меня в дизайне.

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

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

Наконец, я осознал, что наиболее эффективным способом создания упорядоченной основы в графическом дизайне являются сетки. Я пытался использовать их в течение многих лет с переменным успехом, но мне не хватало информационной базы и нужной подготовки. Можно услышать утверждение, что графический дизайн – всего лишь «выравнивание материала», и именно этим, в большей или в меньшей степени, я занимался в течение многих лет. В большинстве своих проектов я использовал импровизированные сетки, непродуманные колонки, которые возникали при попытке «выровнять материал». Естественно, они не всегда могли стать основой для продуманного дизайна. Это особенно бросается в глаза, когда я просматриваю свои старые работы, в которых был пропущен обязательный этап планирования блоков и колонок.

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

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

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

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

Рассматривая точки на своем листе, я думал: «Если пара любых расположенных неподалеку точек подразумевает скрытую структуру, не лучше ли попытаться влиять непосредственно на эту структуру и управлять ею, чем предоставлять ей свободу действий?»

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

Я решил: «Да! Конечно! Структура должна существовать везде».

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

Почему я написал эту книгу

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

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

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

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

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

Для кого эта книга

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

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

Если вы еще новичок в веб-дизайне, вам понадобится довольно много информации о принципах создания вебсайтов – только тогда книга действительно вам пригодится. Теоретические сведения и упражнения, составляющие основу этой книги, требуют от читателя навыков по использованию HTML и CSS для создания веб-страниц. Вы должны представлять, как улучшить веб-интерфейс с помощью JavaScript и других технологий. Не обязательно быть профессионалом в данных областях, но необходимо понимать основные принципы работы.

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

Заключительная рекомендация

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

12 инновационных упаковочных идей, из-за которых стоит покупать продукт за

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

Мы также попытались ответить на некоторые часто задаваемые вопросы об упаковке в целом. Излишне говорить, что это не исчерпывающее руководство.

СВЯЗАННЫЕ: 17 СОВЕРШЕННО ИЛЛОГИЧЕСКИЕ И ЕЩЕ РЕАЛЬНЫЕ ПРИМЕРЫ УПАКОВКИ

Что такое креативная упаковка?

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

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

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

«Креативные решения для упаковки могут оказать положительное влияние на маркетинговую кампанию продукта и бизнеса, а также могут сократить расходы на транспортировку и хранение за счет креативного и экологичного дизайна», - говорится на сайте Heritage Paper.net.

Какие основные виды упаковки?

Упаковка бывает разных форм и размеров, но в целом ее можно отнести к одному из нескольких типов упаковки. Независимо от того, сделаны ли они из бумаги, пластика или любого другого материала, упаковка имеет вид:

  • Коробки
  • Бочки, картонные коробки и бочки
  • Пакеты

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

Этот термин также может применяться к логистическим решениям, таким как транспортные контейнеры, поддоны и т. Д. Ярким примером может быть что-то вроде упаковки из пленки, то есть пузырчатой ​​пленки и т. Д.

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

Как мне разработать упаковку продукта?

Если вы хотите разработать собственную упаковку, у вас есть несколько вариантов на выбор.

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

Но если вы действительно хотите сделать это самостоятельно, в Интернете нет недостатка в полезных руководствах, которые помогут вам начать работу. Хороший пример - 99designs.co.uk.

12 примеров отличных идей упаковки

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

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

1. Эта упаковка для шнура также используется как кабельные стяжки.

Источник: Packaginguqam

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

Совершенно блестящая идея, отлично подходящая для сокращения отходов. Он был разработан Жан-Гийомом Бле и был отмечен на конкурсе Young Package 2008 в Чешской Республике.

2. Блок для ульев и яиц

Источник: immonstop

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

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

3. Оцените эту инновационную упаковку для пиццы

Источник: yankodesign

Это вполне может быть решение для упаковки пиццы, которого мы все ждали.Забрать кусок пиццы больше не будет грязным и неловким делом!

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

4. Вполне возможно, что это идеальная крышка для масла.

Источник: designboom

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

Это то, что мы называем удобным и оригинальным.

5. Такая упаковка делает доставку еды намного удобнее

Источник: IG Design / Behance

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

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

6.Обратите внимание на эту комбинацию бокал-бутылка вина

Источник: thedieline

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

Вам больше не нужно будет искать чистый сосуд для питья дома или на улице.

7. Эти сигаретные пачки действительно «забивают» сообщение.Но, поскольку сообщение, по-видимому, не оказало никакого влияния, возможно, пришло время по-настоящему забить его домой.

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

8. Кормите вашего питомца на ходу с помощью этой аккуратной упаковки

Источник: thedieline

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

Конечно, будучи картоном, мы сомневаемся, что вашей собаке потребуется много времени, чтобы найти путь к основному резервуару с едой. Видимо, можно, как говорится, «пирог съесть и съесть».

9. Вот контейнер Pringles, о котором вы всегда мечтали

Источник: technabob

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

Тубу можно превратить в миску! Вам больше не нужно рисковать застрять в трубке!

10. Всегда знайте, в какой коробке находится молоко с этой упаковкой.

Источник: hongkiat

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

Великолепно, просто великолепно.

11. Покажите свои чайные пакетики стильно с «Вешалкой чая».

Источник: yankodesign

Если вы любите одежду и чай, эта упаковка может быть идеальной для вас. Стильно развесьте чайные пакетики с помощью «Hanger Tea».

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

12. Эти противоугонные пакеты-сэндвич - настоящий гений!

Источник: Thinkofthe

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

Твои дни воровства еды давно позади!

.

Что ждет машиностроение в будущем

Большинство из нас, вероятно, ежедневно занимается проектированием машиностроения, но каково будущее этой важной области?

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

Мы все еще можем сделать одну небольшую ошибку, которая может испортить всю нашу модель.Программное обеспечение становится все умнее и умнее, но по большей части инженер-механик по-прежнему является источником инноваций и навыков. Что же происходит, когда программы становятся генеративными; когда кабинет инженера-механика распускается и дизайн уходит в будущее? Давайте посмотрим глубже. (Не волнуйтесь, у вас по-прежнему будет работа.)

Следующий шаг для инженера-конструктора-механика

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

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

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

СВЯЗАННЫЕ С: 3 ТОП-3 РАБОТЫ ДЛЯ САМОЙ ВЫСОКОЙ ЗАПЛАТЫ ИНЖЕНЕРОВ-МАШИНОСТЕЙ

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

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

Интегрированное моделирование в дизайне

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

Моделирование с точки зрения компьютерных моделей, таких как FEA, в отношении CAE - довольно новая возможность. Моделирование, просто определяемое как использование прогнозных или практических моделей для подготовки и доступа к будущим проектам, возникло несколько раньше. Мы можем проследить стремление к моделированию в основном с начала инженерии, но современное использование началось во время мировых войн и космической эры.Более совершенные имитационные модели использовались в Манхэттенском проекте для моделирования ядерных взрывов и конструкции ракет, использовавшихся в первых космических миссиях. Конечно, все это «моделирование» было выполнено на бумаге и включало дискретную математику, уравнения Навье-Стокса и анализ конечных элементов, а также многие другие формулы.

Источник: NASA / Public Domain / Wikimedia

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

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

За последние несколько лет моделирование стало неотъемлемой частью наших инструментов CAE, таких как программное обеспечение для проектирования механических конструкций. Помимо возможностей простого анализа случаев, моделирование во многих смыслах теперь предшествует проектированию. Этот смещенный рабочий процесс проявляется в виде инструментов генеративного проектирования и моделирования в качестве вспомогательного средства проектирования. Вместо того, чтобы проектировать деталь и затем проверять, будет ли она работать, программное обеспечение для моделирования, интегрированное в САПР, такое как Nastran и инструменты генератора форм Inventor, позволяют моделировать до или одновременно с проектированием.Генеративное проектирование позволяет моделировать проектирование, тогда как инструменты анализа позволяют тестировать дизайн детали на каждом этапе.

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

Препятствия на пути к интегрированному моделированию

Даже при нынешнем состоянии инструментов интегрированного моделирования САПР все еще существуют препятствия, которые необходимо преодолеть и внести улучшения. Всемирный конгресс NAFEMS, Международная ассоциация инженерного моделирования, анализа и моделирования, недавно признал многие области, нуждающиеся в улучшении инструментов моделирования в их сборке 2017 года. Они указали на наиболее частые проблемы современных инструментов моделирования: повторное использование знаний, скорость и точность модели, а также предпроектное моделирование.Другими словами, NAFEMS считает, что инструменты моделирования нуждаются в улучшении: их способность фиксировать и повторно применять полученные знания из прошлого анализа, скорость и точность моделей (которые, естественно, улучшатся с внедрением облака / увеличением вычислительной мощности) и возможностью моделирование, которое будет использоваться до процесса проектирования.

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

Будущее моделирования уже наступило, но нововведения не исчезнут в ближайшее время.

Свобода проектирования

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

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

СВЯЗАННЫЕ С: КОНЦЕПЦИИ, КОТОРЫЕ НЕОБХОДИМО ПОНИМАТЬ ИНЖЕНЕРАМ-МЕХАНИКАМ

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

. . .

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий