Записи, помеченные ‘сайт’

• 

  Заголовки со стрелочками в стиле Adobe.com

  Этот урок опубликовал вчера Chris Coyier, и мы не могли оставить его незамеченным. Способ, описанный в нем, можно здорово применить не только в качестве заголовка раздела или статьи, но и в полосе «хлебных крошек». Мы перевели его статью, добавив некоторые замечания, высказанные читателями CSS-Tricks. Крису приглянулись вот эти стрелочки на панельках заголовков сайта Adobe: 

  Далее... 5 Комментариев »
• 

  Готовые эскизы для создания каркаса сайта

  Мы тратим кучу времени на этапе создания каркаса сайта на схематическое изображение будущих компонентов страницы. Для себя их можно отметить просто пустыми прямоугольниками, но наступает момент, когда нужно показать каркас заказчику или провести пару-тройку живых тестов — и приходится либо объяснять на пальцах, либо тратить время на прорисовку похожих на правду элементов. Многие, не желая тратить время на отрисовку, [...]

  Далее... 7 Комментариев »
• 

  Как сделать удачный сайт с темным фоном

  Как часто вы стоите перед выбором цветовой схемы нового дизайна? Пожалуй, что каждый раз, начиная новый проект. Лично мне больше нравятся «светлые» сайты — на них просторней, подсознательно легче воспринимать информацию. Но светлый дизайн не везде применим, да и приедается. Давайте рассмотрим несколько моментов, которые помогут сделать качественный, привлекательный сайт с темным фоном. Конечно, все делали мы сейчас [...]

  Далее... 6 Комментариев »
• 

  Делаем навигацию на CSS3 с превью

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

  Далее... Нет комментариев »
• 

  Как выглядят сайты дизайнерских вузов — их и наши

  Вчерашняя публикация победителей Adobe Design Achievement Awards 2011, равно как и комментарии к ней, заставили в очередной раз задуматься об уровне подготовки дизайнеров наших вузов. Понятно, что проводить масштабное исследование несколько не в нашей компетенции, да мы и не пойдем дальше фасада, входной двери — рассмотрим дизайн сайтов университетов, в которых готовят отечественных дизайнеров, а также сайты вузов, [...]

  Далее... 58 Комментариев »
• 

  DOCTYPE: вчера и сегодня

  Большинство начинающих верстальщиков просто копируют аккуратно строчку doctype из какого-нибудь файла. Либо соглашаются с тем, что им предлагает редактор типа Dreamweaver. А наиболее самоуверенные, заметив, что страничка работает и без него, вообще не указывают doctype, решив, что это — какой-то пережиток прошлого. Натыкаясь в комментариях на фразы типа «зачем в html5 придумали еще какой-то doctype», решила напомнить (а кому-то [...]

  Далее... 3 Комментариев »
• 

  Responsive web design — красиво и удобно

  Теория и практика технологии Responsive web design горячо обсуждается дизайнерами и разработчиками в последние месяцы, и спорам не видно края. Несмотря на всю непривычность и возможные ограничения свободы дизайна, все больше веб-мастеров создают новые сайты, пользуясь принципом Mobile first, идея которого в том, что изначальная верстка сайта делается под устройства с меньшими возможностями (телефоны, айпады, планшеты), [...]

  Далее... 7 Комментариев »
• 

  Изучаем основы A/B тестирования

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

  Далее... Нет комментариев »
• 

  Откуда берутся неудачные дизайнерские решения

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

  Далее... Нет комментариев »