Тэги → Верстка


13.03.2009

98
пост
9

Комментариев

Почему я сижу под Firefox-e 2


Во-первых, я привык к нему с 2006 года. Привык на столько сильно, что даже не смог пересесть на третью версию. Конечно, тут дело привычки. Но насколько себя помню, я еще малым сидел под стареньким Netscape и ничего больше признавал. А оперу вообще всегда игнорировал. По мне так, она как-то сделана через жопу.

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



Ведь всегда интересно заценить безбашенные решения верстальщиков.



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



Среди присутствующих с похожим диагнозом есть?

тэгиБраузеры, верстка, интерфейсы

01.02.2009

89
пост
28

Комментариев

Правила которых я придерживаюсь в веб-дизайне

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


Работа с текстом
При возможности стараться не использовать буллиты. Особенно там, где они не играют особой роли. К примеру, в меню, в списке услуг (продукции), и т.д. Также не использовать стандартные, при необходимости постараться их обыграть.

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

Так же можно не писать слова «телефон». Я думаю, что только дурак не сможет догадаться о том, что это номер телефона. Особенно если рядом указан код города.
Использовать один, два шрифта. Разумеется гротеск и антикву. Не использовать на странице два гротеска. К примеру, Verdan-y и Tahom-y.


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

В любом случаи делать ссылки подчеркнутыми. Я знаю, что это правило теперь и первоклассник знает. Но все же, иногда делают некоторые ссылки не подчеркнутыми, а например другого цвета или размера. Хотя все остальные ссылки, все равно подчеркнуты.
Все ссылки всегда должны быть подчеркнуты.  Можно не подчеркивать, если, к примеру, у нас меню такого вида. Тут и так будет ясно, что все кликабельно.

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

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

Работа с сеткой
Делать все макеты в разрешении 1000 пикселей, также минимальный отступ по 10 пикселей с каждой стороны. Это элементарные правила верстки.

На заметку: Макеты делаются в разрешении 1000 пикселей, а не 1024 (минимальное разрешение на сегодняшний день для разработки сайтов) для того чтобы при появлении вертикальной прокрутки, страница не выходила за края, и не появляясь горизонтальная прокрутка. 


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


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

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

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

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

тэгиСайты, веб-дизайн, композиция, верстка, типографика, ссылки

26.01.2009

88
пост
0

Комментариев

По просьбам «трудящихся»


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

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

тэгиМысли, формы, браузеры, верстка
1