Содержание в InDesign - Уроки Adobe InDesign. В этом уроке мы научимся вручную, с помощью табуляции, создавать списки или простое содержание (оглавление) в программе Adobe InDesign. Допустим, у меня есть вот такой небольшой список с номерами страниц, и мне хотелось бы его как-нибудь аккуратно оформить. Итак, по порядку: 1. Для того чтобы разделить текст на две колонки мы используем клавишу табуляции (Tab).
Расставим табуляцию во всем списке: 2. На линейке выставим верхний маркер табуляции справа, именно в этом месте окажется текст нашей второй колонки. *Можно использовать разные маркеры, в зависимости от выбора текст будет выравниваться по левому краю, по центру или по правому краю, четвертый маркер - это выравнивание чисел по десятичному знаку. 3. Можете ввести два символа - пробел и точку, тогда точки будут не так рябить в глазах. Если же вам нужно будет составить содержание для целой книги, то верстку обязательно надо будет автоматизировать и работать со стилями, как это сделать - я расскажу в следующем уроке.
Статьи по SEO тематике. Вопрос по цветопрофилю (Блоги Техдизайнер.ру — блог о дизайне: Baruzdin) Веб-дизайн. Каждому устройству свое представление. Регулярно увеличивающееся количество разнообразных устройств предоставляющих доступ во «Всемирную паутину» радует практически любого гика, но зачастую огорчает разработчиков и дизайнеров сайтов. В абсолютном большинстве сайтов совершенно нет поддержки ничего, кроме браузеров обычного компьютера, да и пресловутая кросбраузерность не всегда реализована в полном объеме. Хоть разработчики устройств и стремятся свести к минимуму различия в необходимом представлении, но не всегда это возможно по техническим причинам. Стоит ли поддерживать различные методы доступа к своему сайту? Однозначно да.
Так что я предлагаю по сути дела? Я предлагаю реализовывать различные представления сайта для различных устройств. Какими устройствами сейчас пользуются? Попробуем определить какими устройствами, на сегодняшний день, пользуются люди для доступа в сеть и попробуем разобрать, каковы отличия в сайтах оптимизированных для этих устройств. ПК, ноутбуки и нетбуки В чем же тогда проблемы с «резиновой» версткой?
Использование ориентированного на пользователей подхода в веб дизайне для мобильных устройств « uxdnepr. Перевод статьи A User-Centered Approach To Web Design For Mobile Devices опубликованной на сайте Smashing Magazine. Термин «Мобильный Веб» (который часто критикуется) обычно используется для описания доступа в интернет с помощью мобильного устройства. Это определение достаточно широкое, и покрывает такие понятия, как использование браузеров в стандартных мобильных телефонах, так и приложений для смартфонов и интернет планшетов.
В наши дни, компании часто начинают разговор с точго, что «нам нужно приложение для iPhone», вместо того чтобы для начала изучить что именно требуется пользователям от мобильной версии, какие устройства они используют, и только потом определиться с направлением – мобильный веб сайт или мобильное приложение. Мобильные веб сайты достаточно универсальны, затраты на разработку весьма малы, при этом они доступны практически для любого мобильного телефона. Непрерывный жизненный цикл дизайна мобильного веб сайта Давайте обсудим каждый этап этого цикла более детально. Золотые правила успешной кнопки / Веб-дизайн. Здравствуй, дорогой хабрадруг! Сегодня существуют более тысячи способов создать кнопку; чтобы понять их сущность, вам нужно лишь потратить немного времени, просмотрев работы на сайте dribbble.com.
Большинство из этих примеров очень похожи друг на друга, однако время от времени попадаются и такие кнопки, на создание которых потратили чуть больше внимания, времени и сил. Воспользовавшись замечательными параметрами CSS3, мы можем создать элегантые и стильные кнопки без особых усилий (учитывая старые браузеры, конечно). Создаете ли вы кнопку непосредственно в CSS или пользуетесь специальными инструментами для их создания, всегда нужно тщательно подумать о том, как ваша кнопка будет выглядеть в контексте веб-сайта. Всегда можно скачать готовый набор кнопок, который какой-то очень добрый человек выложил в сеть. Но почему бы не посидеть и не подумать о том, что можно создать что-то свое, более оригинальное. Важно, чтобы ваши кнопки соответствовали своему контексту. P.S. Navigation Menus: Trends and Examples. Advertisement Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site.
Users should be able to rely on it which is why designers shouldn’t mess around with it. That’s why in most cases it’s where simple, intuitive and conventional solutions are usually the best option. However, it doesn’t mean that they need to be boring. This article presents recent trends, examples and innovative solutions for design of modern navigation menus. 1. The most significant task a navigation menu has to fulfill is to unambiguously guide the visitors through the different sections of the site.
This navigation scheme can be used not only for the horizontal navigation; it can can be applied to vertical navigation as well. 2. “Green” version of the traditional Mac-style menu 3. 4. 5. 6. Symptoms Of An Epidemic: Web Design Trends. Why You Should Get Excited About Emotional Branding Globalization, low-cost technologies and saturated markets are making products and services interchangeable and barely distinguishable. As a result, today’s brands must go beyond face value and tap into consumers’ deepest subconscious emotions to win the marketplace.
In recent decades, the economic base has shifted from production to consumption, from needs to wants, from objective to subjective. We’re moving away from the functional and technical characteristics of the industrial era, into a time when consumers are making buying decisions based on how they feel about a company and its offer. Read more...
A Guide To Validating Product Ideas With Quick And Simple Experiments You probably know by now that you should speak with customers and test your idea before building a product. Mistakes include testing the wrong aspect of your business, asking the wrong questions and neglecting to define a criterion for success. Read more... Read more... Hand-Drawing Style In Modern Web Design - Volume 2. Advertisement When it comes to web design too often perfect, colorful and boxy designs make the cut; however, the reality is different as it is hard to find objects with a perfect shape and a perfect color in our daily routine. To achieve a unique and communicative design we need to consider more creative approaches.
For instance, we can draw sites by ourselves — or at least some parts of it. The main purpose of hand-drawn elements lies in their ability to convey a personality and an individual note in times when perfect, boxy and rounded elements can be found almost everywhere. They look different and they can make a web-site look different. And in fact, this is done quite often: whether a blog, a shop, an ad, a private page, or some collaborative project — doesn’t matter whether with Flash or (X)HTML. Please also have a look at our previous showcase Hand-Drawing Style In Modern Web Design What’s new? Hand-drawn elements are used moderately Script fonts gain on popularity 1. Logos Headers 2. Web Design Trends For 2009. Advertisement We Web designers are a fickle lot. We love to experiment with things. We love to observe how people interact with our work. And we love to try out unusual design approaches that might possibly go mainstream and become a classic approach.
As a result, new design approaches come up, and as more and more designers notice them and make use of them, new trends emerge. Over the last months, we’ve analyzed numerous Web designs, observing emerging trends and weighing the merits of numerous design decisions and coding solutions. This article covers only 10 of the over 25 trends we’ve identified over the last months. Update: the second part of our review1 is now published as well. Web Design Trends For 2009 Let’s first take a closer look at the main trends we identified, discovered and observed over the last months. Embossing Letterpress Rich user interfaces PNG transparency Big typography Font replacement (sIFR, etc.) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.
More Web Design Trends For 2009. Advertisement Last week we presented 10 Web Design Trends For 20091, our review of the most promising developments and techniques in web design that may become big in 2009. In the first part we covered embossing letters (“letterpress”), rich user interfaces, PNG transparency, big typography, carousels and media blocks.
This post is the second part of our review. It presents design trends for 2009 in terms of layouts, visual approaches and design elements. Please notice that this post showcases trends and developments that were extensively covered in our previous articles (e.g. handwriting, retro and vintage etc.) and therefore weren’t covered in this post (they are all linked in the overview, so feel free to explore these single posts as well). Did you miss any recent development in this overview? You may want to take a look at the following related posts: Web Design Trends For 2009 1. 2. 3. A design with multiple columns (3+ columns) is not necessarily a complex design. 4. 5. 6. 7. 8. Retro and Vintage In Modern Web Design. Advertisement Retro and vintage are becoming a new trend.
Once rarely used in this robust, dynamic medium, early, retro and vintage elements are now becoming more and more popular in a variety of design contexts. Online shops, corporate designs, portfolios and blogs incorporate both styles on a small and large scale. When applying “old-style” elements to their works, designers produce creative and appealing designs that make their websites stand out and look really different. Retro and vintage designs exhibit graphic solutions that are strongly influenced by the time period that they are supposed to represent. Such elements create a nostalgic atmosphere, awaken feelings and memories and attempt to communicate information effectively using emotions. The Secrets Of Vintage and Retro Designs What elements do designers use to create a genuine vintage or retro atmosphere?
Illustrations from old posters, movies, newspapers, CDs, vinyls, ads; old-style typography (e.g. Custom Design6 Prahba29. Textures In Modern Web Design. Advertisement If you look around at well-designed websites in CSS galleries or any other source of design inspiration, you’ll see that texture is extremely common in modern Web design. One of the reasons it’s so popular is because of its versatility. Textures can be used in countless different ways and in a wide variety of design styles. As you look around, you’ll see how textures can be used in so many different ways by Web designers. Textures in Web design can be very subtle, so that the visitor hardly notices, or they can be a focal point of the design. In some cases, textures are used to emphasize certain parts of the design. Because of the versatility of textures, they can be used in combination with many other design elements, such as typography, lighting and colors. When examining exemplary Web designs that employ textures, you’ll notice that textures are used in background images, headers, footers, sidebars, content areas and even fonts.
Gallery: Texture in Modern Web Design 1. 2.