Топ-10 красивых сайтов в мире и рунете

Содержание:

Microsoft Word — Вместо курсора-каретки появилась точка » Познавательный блог

Microsoft Word — Вместо курсора-каретки появилась точка

Столкнулся с проблемой на компьютере моего дедушки 🙂 Да он крут, скоро блог ему сделаю, будет постить.

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

Пробовал стили сбрасывать так как там стили к тексту были применены, но изменений нет. Размер шрифта там где мигающий курсор проверил сразу — Times New Roman 12. То есть проблем с размером шрифта нет. В общем какая то чушь.

Оказалось он нажал Ctrl и колёсико мышки — курсорчик в MS Word ушёл в точку. Зашел к нему через VNC нажал Ctrl + Колесо мыши и точка снова переродилась в курсор. Если на мышке нет колесика то спасет пересоздание файла Normal.dot.

Комментарии

Комментарий от Регина

Спасибо огромное, помогло!!!

Комментарий от Олег

Thanks)) спева даже не заметил, что вместо курсора точка.

Комментарий от наталия

вместо курсора значок похожий на Пи — как избавиться

Комментарий от Farid

Очень помогло, спасибо!

Комментарий от Ольга

Cпасибо!!!

Комментарий от Дмитрий

Наталье: у Вас, похоже, просто включено отображение непечатных символов. Найдите на панели инструментов кнопку с таким же знаком «пи» и отключите её.

Комментарий от Илья

БОЛЬШОЕ СПАСИБО, ПОМОГЛО

Комментарий от Алексей

Спасибо за помощь! Сработало!

Комментарий от Алексей

Подскажите пожалуйста как исправить ситуацию: курсор в Word 2003 в поле набора текста ушел к самой верхней кромке поля и его никак не вернуть назад.

Комментарий от Людмила

Спасибо огромное с курсором в Word!!!!

Комментарий от Наталья =)

Спасибо большое! Помогло колесико =)

Комментарий от Анюта

Спасибо,спасибо,спасибо весь день на работе мучилась теперь буду знать

Комментарий от Екатерина

Век живи — век учись!

Комментарий от Гена

благодарю

Комментарий от Лена
Комментарий от Зоя

Это случилось потому, что поворот колесика мыши при нажатой контрал от себя уменьшает шрифт, а к себе — увеличивает. Поэтому при 20% курсор превратился в точку. Можно исправить через масштаб верхнего меню. выставить 100% и курсор восстановится. Или же через контрал+колесико, кому как удобнее

Комментарий от Франк

Спасибо, сам бы никогда в жизни не нашел

Комментарий от Игорь

Спасибо за метод с колесиком. Сам бы не за что не догадался!

Дизайн сайта определяет его цель

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

Ниже рассмотрим наиболее распространённые типы сайтов.

Сайт-визитка (landing page)

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

Интенсив «Напишите первую модель машинного обучения за 3 дня»

7–9 декабря, Онлайн, Беcплатно

tproger.ru

События и курсы на tproger.ru

Пример лендинга программы лояльности «Совести»:

https://sovest.ru/loyalty_info

Корпоративный сайт

Создаётся компаниями, чтобы рассказать клиентам о себе — кто мы такие, чем занимаемся, наша миссия, контакты, структура, портфолио и прочее. Может быть нужен

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

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

Пример — сайт карты рассрочки «Совесть» включает в себя основную информацию о продукте, блог, а также сервисную часть с личным кабинетом, графиком платежей и пополнением карты.

https://sovest.ru/

Сайт-витрина

Пример — сайт компании Mary Kay, которая занимается сетевой продажей косметики. Там есть большой и красивый каталог товаров, но купить можно только через консультанта.

https://www.marykay.ru

Это витрина с корзиной и возможностью онлайн-оплаты товаров. Имеет более сервисный характер, чем предыдущие (не только информирование). Здесь UX и юзабилити играют более важную роль, поскольку пользователь остаётся наедине с сайтом и решает с помощью него свою задачу, тогда как на витрине и одностраничнике покупку могут докрутить специалисты колл-центра.

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

https://aliexpress.ru

Портал

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

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

Пример — сайт Мэра Москвы, там и новости, и статьи, и услуги.

https://www.mos.ru

Классификация стилей дизайна по цвету и графике

В зависимости от цвета, доминирующего в оформлении сайта, стили дизайна подразделяют на:

  • светлый;
  • темный;
  • цветной;
  • разноцветный стиль.

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

  • чистый – минимум графики;
  • стандартный – средняя насыщенность;
  • художественный – высокая графическая насыщенность.

Полезная информация по теме дизайн сайтов

  • Дизайн сайтов и интернет магазинов — портфолио веб-студии АВАНЗЕТ
  • Дизайн веб сайтов — рекомендации Яндекса для коммерческих сайтов
  • Дизайн сайта и эмоции пользователей
  • Дизайн сайта — важный элемент имиджа компании
  • Лаконичный дизайн сайта — основа юзабилити

Классификация стилей по назначению дизайна

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

  • СТИЛЬ МИНИМАЛИЗМА. Для него характерно практически полное отсутствие графики, наличие текстовой навигации и всего одного-двух шрифтов.
  • ИНФОРМАЦИОННЫЙ ВЕБ-ДИЗАЙН. Наряду с минимализмом в графике, этот стиль выделяется легкостью и простотой в подаче информации.
  • БИЗНЕС СТИЛЬ, получивший широкое распространение за рубежом, бизнес стиль приобрел стандартные отличия: фиксированную ширину, расположение элементов, использование баннерной рекламы. Все это преследует единую цель – продавать товары и не отвлекать пользователя от этого дела.
  • ПРОМО СТИЛЬ — это стиль для сайтов рекламной направленности. Здесь визуальная графика доминирует над контентом.
  • ЭКСЦЕНТРИЧНЫЙ СТИЛЬ дизайна применяется тогда, когда необходимо создать нечто абсолютно необычное — что по функциональности, что по внешнему виду. Этот стиль характерен размещением большого количества фото и видео, а также имеет обширную палитру эффектов.

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

Дизайн сайта в стиле Веб-2

Относительно новый стиль дизайна сайтов, примеры которому все чаще встречаются в Сети, это стиль Веб-2. Стиль развился параллельно с развитием технологий RSS-потоков, CMS и Ajax, а также появлением тегов-ключевиков. Благодаря Веб-2 появилась возможность моментального добавления/обновления контента без перезагрузки сайта.

Особенности Веб-2:

  • Простота: все элементы используются только для дела, ничего лишнего
  • Простая навигация
  • Использование градиентов
  • Крупный текст
  • Использование шапки
  • Колонки
  • Выделение нужных областей цветом
  • Минимальные 3D эффекты

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

09.05.2020

Масштабируемая SVG-графика

Важные преимущества масштабируемой векторной графики (SVG) перед растровыми форматами: изображения масштабируются без потерь в качестве, легко редактируются при помощи CSS и весят мало. Технологии HTML5 позволяют интегрировать гибкие SVG-элементы в веб-страницу. С сервисами вроде svgator.com, можно создавать SVG-анимации без знаний кодинга.

Примеры эффектного применения SVG-графики:

blockcollider.org – свежий современный сайт с SVG эффектами и анимацией

boite-a-oeufs.com  – креативное агентство сделало свой сайт на вордпрессе, используя SVG и анимировав на GSAP платформе

playground.it – страница-«заглушка» пока идет редизайн, анимированные SVG-иллюстрации делают ее просто залипательной. Сыграете в Jump UP?

Веб-дизайн

Отличный сайт о веб-дизайне и веб разработках (CSS & Ajax).

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

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

Качественные статьи по дизайну и разработке.

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

Очень разнообразный сайт: графика, css, ajax…

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

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

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

Каждый дизайнер должен знать, пусть даже если он не интересуется веб-дизайном.

Разновидности главных страниц сайта

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

Для таких ресурсов характерно наличие сложной структуры, включающей более десяти веб-страниц.

2. Главная страница сайта услуг

Такие веб-площадки создаются для представления целевой аудитории перечня услуг компании-исполнителя и наглядной демонстрации ее преимуществ по сравнению с конкурентами.

На ГС сайта услуг располагают следующие обязательные блоки:

  • Каталог услуг с перелинковкой на те страницы, на которых они описываются более подробно. Если компания предлагает единственную услугу, ее детальная презентация проводится на ГС.
  • Прайс. Когда список услуг большой, на главной странице достаточно представить цены на самые востребованные из них, а также специальные предложения. Полный перечень цен размещают на специальной странице, на которую пользователь попадает после клика по кнопке «Прайс».
  • Портфолио. Завоевать доверие аудитории гораздо проще при помощи фотографий с примерами работ.
  • Достоинства. Цель этого блока – убедить потенциального клиента в том, что лучшего исполнителя он не найдет. Продемонстрируйте преимущества, которые выгодно отличают вас от конкурентов: эксклюзивное оборудование, высокий профессионализм специалистов, наикратчайшие сроки выполнения работ и т. д.
  • Адрес. Его отсутствие заставляет людей сомневаться в реальности существования компании, поэтому необходимо указать настоящее место нахождения главного офиса и филиалов.

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

3. Главная страница сайта продукта

Ресурсы такого типа решают конкретную задачу – привлечь внимание пользователя и подтолкнуть к выполнению целевого действия, будь то оформление заказа, звонок в компанию или заполнение формы со своими контактными данными

Жирные шрифты

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

Использование жирного шрифта компанией Samsung в рекламе своих продуктов

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

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

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

7 принципов разработки дизайна сайтов

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

Целесообразность

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

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

Единство

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

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

Как узнать, является ли композиция целостной?

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

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

Равновесие

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

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

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

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

Доминанта

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

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

Смысловой центр может быть не один, если это соответствует смысловому наполнению ресурса.

Соподчинение

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

Динамизм

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

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

Гармония

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

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

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

Вас также может заинтересовать: Пользовательский контент

10 самых красивых сайтов в Мире

1) rainforest.arkivert.no

Этот сайт сделан в виде 3D панорамы, что позволяет его выделить среди аналогичных площадок схожей тематики. Мягкие цвета и не загроможденный дизайн заставляют как можно дольше задержаться на этих страницах.

2) www.gruny.net

Очень красивый блог на движке WordPress. Именно к такому красочному дизайну (шапке блога) должен стремиться каждый.

3) www.sensisoft.com

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

4) houseofborel.com

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

5) cpeople.ru

Креативное агентство, входящее в десятку лучших агентств России.

6) www.2advanced.com

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

7) saizenmedia.com

Еще одно креативное агентство. Потрясающая детализированная графика.

8) www.gnosh.co.uk

Необычный кулинарный блог G’NOSH одного из ресторанов Великобритании.

9) www.macaronibros.com

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

10) quakequizsf.org

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

Jivrus Technologies – сайт компании

Jivrus.com – мощный сайт-визитка компании, предоставляющей услуги по софтверной автоматизации бизнес-процессов. Красивое фото на весь первый экран в шапке впечатляет, задаёт тон восприятия остального дизайна. Оно добавлено через HTML-код – блока с такими характеристиками просто нет в наборе виджетов редактора. Страницы имеют довольно сложную структуру – множество иконок, описаний, кнопок и ссылок. Выглядят достойно. Богатство внешнего вида обеспечивается большим количеством различных изображений (иконок, фото и графики). Есть кнопки социалок, но смотрятся грубовато – слишком большие и яркие.

На самом деле, ничего сложного в оформлении страниц нет – они построены из многократно повторяющихся одинаковых блоков «картинка+текст», но работа выполнена на хорошем уровне. Каждая секция сопровождаются грамотным маркетинговым описанием, красные акценты добавляют структурности, визуально разделяют поток информации на смысловые блоки. Страниц около 10, все они оформлены качественно, есть даже простенький блог. Многие ссылки ведут на поддомен с дополнительными материалами – сайт имеет огромный масштаб по меркам Google Sites. За счёт качественной подачи контента проект выглядит богато по меркам платформы – практически эталон.

Mobile First или не First?

Откуда начать — с веба или с мобилки? Дизайн сайта нередко сегодня начинается не с web-версии, а с мобильной. Люди всё больше и больше онлайн-времени проводят в мобильных устройствах, а не за широкими экранами. Из-за этого больше внимания стоит уделять мобильной версии, поскольку с большей вероятностью пользователи будут взаимодействовать именно с ней. Рекомендую начинать дизайн с мобильной версии, а потом уже адаптировать элементы под более широкие экраны — так вы избежите ситуации, когда красивый и изысканный блок на широком экране не понятно, как адаптировать под мобилу (которая важнее).

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

***

Эффектные комбинации стилей

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

В дизайне opentr.ca два решения – округлый без засечек и выравнивание по левому краю.

Пример с эмоциональным бэкграундом: надпись «ручная работа» рукописным шрифтом четко и лаконично объясняет подход.

Анимированная предзагрузка логотипа «по буквам» и перекрывающаяся типографика.

Смотрите как типографикой можно вовлекать аудиторию:

При прокрутке синхронно сдвигаются заголовки и СТА-элементы «от руки»
Микроитерация нарисованной стрелки обращает внимание на CTA-действие

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

Компактный заголовок HERO-хедера, вертикальные надписи, сериф с округлыми буквами, наслаивание текста.

Сайт креативного агентства: иллюстративный элемент в центре обрамляют горизонтальные и вертикальные надписи. Много web и типографских трендов.

Яркая и лаконичная айдентика LIMELY задается шрифтовым логотипом с лаймовым градиентом.

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

Фирменный стиль Bolden начинается с доменного имени и коренастой Болд-типографики. Лаконично показали свое отличие – надежность & открытость. Как раз это настроение создает жирный и низкий закругленный шрифт. В дизайне страниц вертикальный, перекрывающий текст.  

Сайт AR/VR студии применяет контурный шрифт, градиенты в литерах надписей, заголовки заглавными буквами, типографский интерактив.

Сайты дизайнеров-фрилансеров

Эффектность дизайна ориентирует на качество услуг, расширяет аудиторию (приводя заказчиков с большими возможностями). К независимым специалистам обращаются Google, Apple… Отобраны самые модные и запоминающиеся персональные сайты разработчиков продукции, интерфейсных- и веб-дизайнеров.

Kaleys

Графический и веб-дизайнер разрабатывает на заказ интернет-витрины, лендинги, баннеры, eCommerce сайты. Француженка заявляет об эксклюзивности услуг яркой выразительностью в стиле Material Design с 3D-графикой.

Coraline Colasse

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

Ludmilla Maury

Людмила – французский Web и UI/UX дизайнер. После 6–лет работы в агентствах Парижа / Мадрида / Леона ушла во фриланс. Личный сайт в стиле модного минимализма.

Pauline Osmont

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

Anat Kalinski

Анат Калински начинала с SEO, продолжила в дизайне. Независимая дизайнер цифровых продуктов увлекается UX-исследованиями и оптимизацией. Ее разработки включают изучение конкурентов, персонального, трендов с технологиями и даже маркетинговых стратегий.

Бодрый и нестандартный сайт фрилансера:

  • Главная страница с горизонтальной сменой сочных экранов
  • В «по-спортивному» стильном портфолио иконки-плитками c флип-переворотом

Графический фриланс-дизайнер из США разрабатывает логотипы & принты, отрисовывает сайты для стартапов и малого бизнеса с 2005 года. При полной прозрачности услуг, удаленно / встречаясь с клиентами Гвен Кэнфилд создает брэндинг-материалы и доступный креатив в Арканзасе, Теннесси, юго-восточных штатах.

Emily Mabry

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

Aisling

Отмеченная наградами графический и бренд дизайнер из Дублина. Эшлинг с отличием закончила Арт-школу, изучив визуальные коммуникации. Визуальный брендинг стал основным направлением ее фриланс-деятельности.

Ines Maria Gamler

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

Melanie Daveid

Мелани Дейвид из Берлина – «несносный ребенок» цифрового авангарда. На однстраничнике демонстрирует работы, принципы…, завершая секцией «Дай пять». UX-дизайнер, арт-директор и талантливая иллюстратор прошла путь от карандаша до цифрового искусства. Готова фрилансить и сотрудничать в разработке.

Закончив парижскую школу Gobelins работала арт-директором в Амстердаме, но ей определенно хотелось больше солнца и творческой независимости. Вернувшись в Париж ушла во фриланс, так как требовалось свободное время для экспериментов. Сейчас Луис Анса в команде Мake me Pulse, но привычка подрабатывать на стороне осталась.

Juliette Neveu

Модное портфолио высококлассного креативного & цифрового дизайнера: элегантная главная в один экран, бесшовный переход к работам

Джульетта любит минималистичную эстетику с вниманием к деталям. Парижский фрилансер разрабатывала одежду для fashion-брендов

Marija Zaric

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

Veerle Pieters

Графический и веб-дизайнер начинала с принтов логотипов, брошюр, канцтоваров. Бельгийка Вирли Питерс: «По своей природе я люблю цвета. Мой персональный онлайн-журнал отражает видение дизайна, web-а и жизни». Она украшала журнал Smashing Magazine, рассылку новостей MailChimp и дизайны WordPress-тем.

Брифинг

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

  • Чем занимается компания?
  • Какое целевое назначение сайта для бизнеса (для осуществления продаж, генерации лидов, информирования или укрепления бренда и прочее)?
  • Кто целевая аудитория сайта (какие социально-демографические характеристики, стиль жизни, что их мотивирует и расстраивает)?
  • Есть ли у заказчика понимание или видение того, какую функциональность должен обеспечивать сайт?
  • Какую задачу или «боль» пользователя решает компания посредством сайта?
  • Имеется ли брендбук или фирменный стиль?
  • Кого компания считает своими конкурентами?
  • Какие сайты с точки зрения дизайна (референсы) нравятся?

Конечно, когда заказчик даёт вам готовый и качественно прописанный брендбук, ваша задача — просто разобраться с ним (какие цвета, какие шрифты, какого рода будут картинки, фотографии и даже композиция). По сути, визуальный стиль сайта уже сделали за тебя, осталось спроектировать, грамотно всё расположить и сверстать. А вот если брендбука нет, то подбор шрифтов, цветов, да и визуального стиля в целом ложится на ваши плечи. Если, конечно, заказчик не приложил к ТЗ дизайнера. Но не стоит паниковать, разделите слона на части и действуйте пошагово.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector