Привет! Сегодня я хочу поделиться с вами интересной статьей, которая, возможно, поможет кому то из нас стать лучше. Это не подробный рассказ о типографике, а просто 5 правил которые сделают ваши тексты приятнее для пользователя. Это моя первая попытка перевода, но для тех кого не смущает мой слегка корявый слог, прошу Читать полностью »
Рубрика «текст» - 5
Типографика за десять минут
2014-02-04 в 14:40, admin, рубрики: css, веб-дизайн, верстка, дизайн, Дизайн в IT, текст, типографикаО ненависти к рыбе… и любви к осмысленному тексту. Часть 1
2013-05-24 в 10:50, admin, рубрики: design, Блог компании Microsoft, Дизайн в IT, рыба, текст, метки: design, текстМы продолжаем публиковать стенограммы выступлений с нашего декабрьского Design Camp. Сегодня на очереди статья Алексея Кулакова из JetStyle. Видео-версия выступления доступна на techdays.ru, презентацию можно скачать там же.
Как и ранее, это авторская статья и не отображает позицию компании Microsoft.
Статья написана по мотивам доклада для дизайнеров (в основном).
У меня есть объекты ненависти в нашем дизайн-процессе. Я хочу поделиться ими с вами, возможно, это что-нибудь изменит.
Надеюсь, объяснять, что дизайн — это не «красивые картинки» уже никому не надо. Мы все понимаем, что на самом деле занимаемся выстраиванием эффективной коммуникации визуальными средствами.
Все, о чем пойдет речь, исходит из того, что мы (дизайнеры) решаем задачи живых людей, что сами дизайнеры — живые люди. Сознательные, наделенные волей, ответственностью, выполняющие определенную функцию. Функция эта заключается в обмене содержанием с помощью экрана. Собственно, это и называется интерфейсом =)
Интерфейс — это «оболочка», которая позволяет взаимодействовать с каким-то содержанием. Оболочка состоит из навигации, кнопочек, формочек, разной красоты и т.д. А есть то, что в этом интерфейсе «лежит», то, что пользователь из взаимодействия с ним извлекает — содержание. Интерфейс для того и нужен, чтобы его передать. Даже тогда, когда речь идет не о «контентных сайтах», а об инструментах, пользователь извлекает что-то из интерфейса, и что это надо очень хорошо понимать. Читать полностью »
Кросс-платформенный текст, рисуемый цветовым градиентом
2013-04-17 в 11:16, admin, рубрики: css, javascript, linear-gradient, Веб-разработка, градиент, текст, метки: linear-gradient, градиент, текстВот два изображенья — вот и вот: *
![[два изображенья]](https://www.pvsm.ru/images/kross-platformennyi-tekst-risuemyi-cvetovym gradientom.png "Кросс платформенный текст, рисуемый цветовым градиентом")
На том и на другом изображении мы видим красивый текст. Большей частью своей красоты этот текст обязан тому, что рисуется не одним простым цветом, а плавным цветовым переходом — так называемою градиентною заливкою.
Здесь уместно припомнить, что веборазработчики постепенно выучились употреблять градиенты в качестве фоновых рисунков: для этой цели им верно служит свойство «background: linear-gradient(…);», описываемое в стандарте «CSS Image Values and Replaced Content Module Level 3». И если сейчас перейти к стандарту по гиперссылке, то станет видно, что он достиг уж статуса «Candidate Recommendation», и что датируется он семнадцатым апреля 2012 года. В честь первой годовщины этого дня позвольте поговорить о том, что градиентная отрисовка текста всё ещё распространена в Сети куда менее, чем градиентная отрисовка фона.
Почему это так? Да потому, что единственным широко известным средством для градиентной раскраски текста служит нам нестандартный CSS-код «-webkit-background-clip: text», который обрезает любой фон (в том числе градиентный) по границе текста — и который употребляется обыкновенно в сочетании с CSS-кодом «-webkit-text-fill-color: transparent», обеспечивающим прозрачность букв самогó текста, так что фон через него проглядывает. Этот код работает с весны 2008 года, но, к сожалению, только во браузерах на основе WebKit, число которых хотя и возросло недавно (благодаря Опере, отступившейся от собственного движка), но ими одними плоды мирового браузеростроения не исчерпываются. Ни в Firefox, ни в Internet Explorer этот код не заработает.
Можно ли преодолеть этот тупик и достичь кросс-платформенности текста, отрисовываемого цветовым градиентом? Да, это возможно; но для этого придётся вместо CSS прибегнуть ко джаваскрипту.
Метод построения удобочитаемых текстов
2013-01-10 в 17:22, admin, рубрики: gtd, Алгоритмы, метод, Песочница, текст, метки: метод, текст Некоторые пояснения:
В мае 2012 года меня посетила идея систематизации процесса написания технических текстов (в основном, отчётов и статей). Взяв за основу некоторые предположения из области эргономики, я ввел несложные допущения и сделал попытку «на лету» составить текст, который бы описывал сам себя как метод построения текстов. Привожу результат такой попытки.
Читать полностью »
Почему я ненавижу YouTube*
2012-06-27 в 16:59, admin, рубрики: YouTube, видео, Инфосфера - мысли вслух, мысли вслух, ненависть, текст, метки: видео, мысли вслух, ненависть, текст*Желтый заголовок, не обращайте внимания. На самом деле название поста «Почему я не люблю смотреть длинные видео, когда можно сказать тоже самое в двух словах», но он бы был не таким привлекательным.
Я не против YouTube, как и не против всех других видео-хостингов(наверное, исключая vimeo, которое отвратительно воспроизводится на мобильных устройствах и старых браузерах.). Они позволили очень быстро и легко делиться видео(помните, эти ужасные ссылки на сайтах «скачать видео-ролик, avi, 5.4mb»?), что, несомненно, плюс.
Конечно, в НЕКОТОРЫХ случаях без видео не обойтись.
Но вот что мне категорически не нравится — видео-обзоры, и большинство видео-инструкций.
Сейчас я играюсь с планшетом Ramos W6HD, и в числе прочих, ставил прошивку, собранную одним из энтузиастов. Позволю себе привести пример с этой страницы.
Читать полностью »
Делаем дизайн в Word’e
2012-03-14 в 12:00, admin, рубрики: word, дизайн, Дизайн в IT, объявление, текст, метки: word, дизайн, объявление, текстПервый же вопрос, который приходит в голову: как можно делать дизайн в Ворде — программе, предназначенной для работы с текстом? Оказывается можно, давайте посмотрим как.
Когда автор учился водить, он подошел к директору автошколы и полюбопытствовал, каким образом тот себя рекламирует. Директор пожаловался, что в рекламе разочаровался: «Трачу деньги на рекламу в бесплатных газетах, в журналах, даже в общественном транспорте пробовал, а эффект практически нулевой». И добавил: «Вот было бы здорово сделать рекламу автошколе с минимумом вложений и максимальной отдачей. Сможешь? Самая интересная для меня возрастная категория — студенты. Большинство учится водить именно в пору своего студенчества. Да и вузов различных рядом со школой хватает».
Архимед объяснил в свое время такую штуку, как принцип работы рычага. Принцип рычага прост — прилагая те же усилия, получаешь больший результат. Или тот же результат можно получить с меньшими усилиями. Этого мы и хотим — по максимуму минимизировать всевозможные затраты и получить максимум будущих водителей. Идеальный вариант, так сказать.
Собственно задачка сформулирована. Осталось ее решить.
Читать полностью »
SQL / Сортировка текстового поля как числа и как строки одновременно
2012-02-29 в 21:40, admin, рубрики: order by, sql, сортировка, строка, текст, метки: order by, sql, сортировка, строка, текстВ базе есть текстовое поле, данные из которого нужно вывести в алфавитном порядке, если данные текстовые, или отсортировать как числа, если данные представляют из себя числа.
Пример требуемой сортировки: 8, 9, 10, 11, 12, Android 2.2, Android 2.3, BlackBerry
Подобная сортировка мне понадобиласть при разработке фильтра товаров для одного движка магазинов (к нему имею отношение, сочтите за рекламу), в котором могут быть как текстовые данные, так и числовые (а иногда и вместе одновременно, как в примере).
Гугл навёл только на какието страшные триггеры и регекспы.
Предлагаю вам предложить своё решение.
Моё решениеЧитать полностью »