Перейти к содержимому



Ccылки

#1 marios
marios
  • Неактивные
  • 95 сообщений
  • Репутация: 0
0

Отправлено 05 Июль 2009 - 19:02

Ссылки.

Многие начинающие дизайнеры пропускают вопрос о внешности ссылки - не понимая что пользователю который зашел на сайт очень важен внешний вид и правильность гиперссылки. В старых учебниках по веб — дизайну, часто упоминалось как должна выглядеть ссылка. Этому вопросу уделяли целые главы. Сейчас — же все изменилось, скорость интернета стала выше и поэтому пользователи не боятся что перейдут не туда. Однако, часто замечал что юзер который впервые зашел на сайт, не может найти ссылку. Ради этого я напишу пару СВОИХ правил, о том как должна выглядеть ссылка, а вам самим решать придерживаться этих правил или нет.

1.Ссылка должна быть подчеркнутая

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

2. Ссылка должна быть «жирной»

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

3.Ссылка должна быть понятной

Ссылка с текстом: «Здесь напиликал Катеркоф» - не даст пользователю информацию, куда перенесет она его. Информация должна быть краткой и ясной, если эта ссылка ведет на каталог моторов — то должно быть написано: «Каталог моторов» и.т.д.

4.Писать информацию в title

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

5. Ссылка должна быть другого цвета чем контент

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

6. Использовать: «font-variant: small-caps»

Это уже чиста моя привычка.

 

 

  • 0

#2 FordogeN
FordogeN
  • Неактивные
  • 1 414 сообщений
  • Репутация: 0

Отправлено 05 Июль 2009 - 21:15

Согласен с пунктами 1 и 5, а остальные эт уже кому как нравится.
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#3 ZiTosS
ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 06 Июль 2009 - 19:08

marios,

1.Ссылка должна быть подчеркнутая

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

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

2. Ссылка должна быть «жирной»

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

С этим относительно согласен.

3.Ссылка должна быть понятной

Ссылка с текстом: «Здесь напиликал Катеркоф» - не даст пользователю информацию, куда перенесет она его. Информация должна быть краткой и ясной, если эта ссылка ведет на каталог моторов — то должно быть написано: «Каталог моторов» и.т.д.

Полностью согласен

4.Писать информацию в title

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

уже не актуально, если только в роли ссылок выступают картинки или background-картинка.

5. Ссылка должна быть другого цвета чем контент

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

Если ссылка больше никак не выделена, то да, если выделена, получится перенасыщение. Ссылка будет очень сильно давить на глаза, а на самом деле ссылка должна гормонировать с общим контентом и на фоне него выделяться незначительно.
  • 0

#4 marios
marios
    Topic Starter
  • Неактивные
  • 95 сообщений
  • Репутация: 0

Отправлено 06 Июль 2009 - 21:53

marios,

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


Это личное мнение. Я считаю что если с самого начала ссылки были подчеркнутые, то и по сей день они должны быть такими. Зачем пользователю всегда привыкать к подчеркнутым и не подчеркнутым ссылкам? глупость. Это вам человеку разбирающегося в вебе, легко найти ссылку - обычному человеку найти ссылку очень тяжело, особенно если она не как не выделяется.
  • 0

#5 fantom1221
fantom1221
  • Неактивные
  • 13 сообщений
  • Репутация: 0

Отправлено 25 Август 2009 - 11:06

Со всеми пунктами я согласен, особенно с тем что их надо подчеркивать :rolleyes:
  • 0

#6 delangarsk
delangarsk
  • Неактивные
  • 7 сообщений
  • Репутация: 0

Отправлено 20 Сентябрь 2009 - 06:50

1.Ссылка должна быть подчеркнутая

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

2. Ссылка должна быть «жирной»

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

3.Ссылка должна быть понятной

Ссылка с текстом: «Здесь напиликал Катеркоф» - не даст пользователю информацию, куда перенесет она его. Информация должна быть краткой и ясной, если эта ссылка ведет на каталог моторов — то должно быть написано: «Каталог моторов» и.т.д.

4.Писать информацию в title

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

5. Ссылка должна быть другого цвета чем контент

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

6. Использовать: «font-variant: small-caps»

Это уже чиста моя привычка.

не согласен с пунктом 1и 2
  • 0

#7 FordogeN
FordogeN
  • Неактивные
  • 1 414 сообщений
  • Репутация: 0

Отправлено 20 Сентябрь 2009 - 15:08

не согласен с пунктом 1и 2

Обоснуй "почему?"!
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#8 Margarita
Margarita
  • Неактивные
  • 7 сообщений
  • Репутация: 0

Отправлено 21 Сентябрь 2009 - 00:04

Я считаю, что ссылки должны быть подчеркнутыми, но они не должны быть проставлены по всему тексту в большем количестве, так как это сильно отвлекает внимание от основного текста.
  • 0

#9 FordogeN
FordogeN
  • Неактивные
  • 1 414 сообщений
  • Репутация: 0

Отправлено 21 Сентябрь 2009 - 08:32

Я считаю, что ссылки должны быть подчеркнутыми, но они не должны быть проставлены по всему тексту в большем количестве, так как это сильно отвлекает внимание от основного текста.

а это тут вообще при чем? Мы тут говорим про то, КАКИМИ должны быть ссылки, а не как часто их нужно вставлять в текст.
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#10 Margarita
Margarita
  • Неактивные
  • 7 сообщений
  • Репутация: 0

Отправлено 21 Сентябрь 2009 - 14:04

Это при том, что если ссылка будет подчеркнута и их будет на странице много по всему тексту, будет, по крайней мере, смотреться очень не красиво.
  • 0

#11 FordogeN
FordogeN
  • Неактивные
  • 1 414 сообщений
  • Репутация: 0

Отправлено 21 Сентябрь 2009 - 15:28

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

Ты где то такое видела? Я нет. Разве что на говно-сайтах, но это уже отдельный разговор!
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#12 Margarita
Margarita
  • Неактивные
  • 7 сообщений
  • Репутация: 0

Отправлено 21 Сентябрь 2009 - 16:21

Вообще я вижу такое часто. И считаю, что в таком случае достаточно будет ограничиться другим цветом текста. Но чтоб при этом не портить внешний вид.
  • 0

#13 FordogeN
FordogeN
  • Неактивные
  • 1 414 сообщений
  • Репутация: 0

Отправлено 21 Сентябрь 2009 - 17:11

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

хм... подчеркивание для ссылок считаю обязательным. Если задумано большое количество ссылок в тексте - можно сделать темно-серые подчеркнутые ссылки в черном тексте.
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#14 cashtest
cashtest
  • Неактивные
  • 18 сообщений
  • Репутация: 0

Отправлено 29 Сентябрь 2009 - 22:17

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

Иногда заказчик очень против даже оттенки менять
  • 0

robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

× Быстрый вопрос
Пользователь месяца
Rodiola Rodiola 1-й за Август
Очков активности: 1 552 3 темы, 106 сообщений, 9 баллов репутации
Сайт: rukodelkovo.ru
ТОП самых активных за этот месяц
  • Фотография MattCutts
    #1

    MattCutts (dmitrylee.ru)
    Очков активности: 750 6 тем, 82 сообщения, 5 баллов репутации

  • Фотография Андрей WPM
    #2

    Андрей WPM (wpmaster.kz)
    Очков активности: 441 Вне конкурса за определение пользователя месяца

  • Фотография lena220678
    #3

    lena220678
    Очков активности: 40.5 2 темы, 21 сообщение, 1 балл репутации

  • Фотография Chaser
    #4

    Chaser (majento.ru)
    Очков активности: 33 1 тема, 8 сообщений, 2 балла репутации

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 27 0 тем, 18 сообщений, 1 балл репутации

  • Фотография maxnik
    #6

    maxnik (konovalovpavel.ru)
    Очков активности: 24 0 тем, 8 сообщений, 2 балла репутации

  • Фотография Rodiola
    #7

    Rodiola (rukodelkovo.ru)
    Очков активности: 24 Вне конкурса за определение пользователя месяца

  • Фотография Constantine
    #8

    Constantine (constantine.video.blog)
    Очков активности: 19.5 2 темы, 7 сообщений, 1 балл репутации

  • Фотография Megoydagi
    #9

    Megoydagi (24ho.ru)
    Очков активности: 18 1 тема, 9 сообщений, 1 балл репутации

  • Фотография NataliaAntalia
    #10

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 15 0 тем, 10 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 27.08.2019
  • Яндекс выдача: 17.09.2019
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru