Дизайн веб-сайтов. Примеры.

[salnickov]

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

Вот что меня сподвигло на это http://www.stankoimport.com/

На самом деле тут как бы нет никакого оформления, что может быть и в плюс импортерам станков )) но зачем они выровняли текст по центру? Уж если минимализм, то абсолютный.

[nons]

Где в вашем примере дизайн? Там ни дизайна, ни юзабилити, ничего. Просто страница, текст, сделанные еще и во Microsoft FrontPage Express.

От себя, старенькое:

http://www.getlondonreading.co.uk/Home



кративная иллюстрация и ничего лишнего (обрезали только плохо на внутренних страницах)

---

http://melissahie.com/



стильно, просто, легко, красиво -- идеально, как мне кажется, для сайтов визиток и различных презентаций

---

http://www.thesecretlocation.com/



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

---

http://toriseye.quodis.com/



отличное использование средств JS для визуализации твиттер-ленты.

---

пока хватит, позже еще дополню :)

[amster]

Есть сайт, управление которого сделано только лишь на движении мышкой, никаких кликов, там даже туториал есть небольшой с примерами, есть линк у кого? найти не могу что то :(

[nons]

Есть сайт, управление которого сделано только лишь на движении мышкой, никаких кликов, там даже туториал есть небольшой с примерами, есть линк у кого? найти не могу что то :(

http://www.dontclick.it/

хороший эксперимент по управлению сайтом, но дальше эксперимента дело вряд ли пойдет.

[$Eagle$]

У этих сайтов считаю очень хорошие идеи...и великолепное исполнение...жаль что из за дизайна приходится жертвовать траффиком, и так же задний фон отвлекает от текста, зато надолго запоминается )

http://www.pixelcriminals.com/


http://www.ispoil.net/


http://iphonedevelopmentbits.com/



http://www.red-devil.ru/main.html
так же вот этот сайт запомнился пожалуй навсегда), но весит он....порядка 4х мб...что не есть хорошо

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

http://www.peter-pearson.com/

http://www.gavincastleton.com/

могу еще много сайтов привести, но это долго)

[salnickov]

[COLOR="DimGray"]Где в вашем примере дизайн? Там ни дизайна, ни юзабилити, ничего. Просто страница, текст, сделанные еще и во Microsoft FrontPage Express.

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

Добавлено через 3 минуты
http://www.getlondonreading.co.uk/Home - знакомые руки

[.]v[emphiS.]

http://cmart.design.ru/ странный

[salnickov]

http://www.globoscope.ru/

Понравилась мне цветовая гамма и компоновка, но заглянул внутрь - это Битрикс, и к тому же ужасный код (но мы тут не об этом). Скорее всего, один из шаблонов Битрикса просто использован в оформлении.

Вообще, на тему Битрикса: судя по тому как "1С" (говорят не без "волосатой руки" в верхах) практически монополизировала бухгалтерию, то и с CMS у них не возникнет особых проблем. Спасайся кто может

Интересовался около месяца назад вакансиями веб-дизайнеров. Требуются "со знанием 1С - бухгалтерия Битрикс".

С такими монстрами бороться бесполезно.


Оффтопик

Мне кажется у нас в стране 1С подомнут под себя всё, по-крайней мере госучреждения (в обязательном порядке) и средний бизнес (интеграция с 1С - бухгалтерией).

А вот об этом вообще лучше никому не говорить http://www.1c-bitrix.ru/products/cms/editions/start.php

[salnickov]

Боян, конечно, но все равно мне понравилось. Оптический обман зрения, панимаишь.
http://sitebistro.ru/specials/

[salnickov]

Вот, что может сделать незакрытый тег. В данном случае облажались верстальщики http://gazeta.ru Выходит, что при верстке ленты новостей ссылки выделяются вручную(!!!), болдом(!!!???). Насчет выделения ссылок жирным шрифтом, даже без изменения цвета: понять что это ссылка с первого раза не получится Ну да фиг с ним, я привык. Но то, что это делается еще и вручную...

<h3 class=mb03>На северо-западе Китая погибли шесть туристов</h3>
<p class=mb12>На территории поселка Гуанхоцзе уезда Ниншэнь провинции Шэньси на северо-западе Китая произошел сход селевых потоков, вызванный сильными проливными дождями.<br>Как <b><a href=http://belta.by/huachi.nsf/ByDate/9690720C5D3A8CDE422576140049492A>сообщает «Синьхуа», в результате 10 туристов, которые находились на берегу реки, были унесены мощным потоком. По состоянию на воскресенье были найдены тела шести туристов, остальные четверо были спасены.
<span style="white-space: nowrap;"><img src="/nm2008/i/rbullet.gif" class="rbullet"><span class="red">
«Газета.Ru»
</span></span>
</p>
<p class="mb12"><a href="/news/lenta/2009/08/17/n_1394069.shtml"><span class="red">http://www.gazeta.ru/news/lenta/2009/08/17/n_1394069.shtml</span></a></p>
<p>&nbsp;</p>
<p class="cap0 red mb04" align="left">&mdash; <span class="b">17.08.2009 03:12</span> &mdash;</p>
<h3 class=mb03>Актер Владислав Галкин извинился перед милиционерами</h3>

<p class=mb12>Владислав Галкин извинился перед милиционерами, которым пришлось его утихомирить, когда актер устроил стрельбу в кафе на Садовой-Кудринской улице<br>Теперь же актер якобы не только осознал, что был неправ, он и открыто в этом признался. Артист попросил прощения у каждого милиционера, дежурившего в тот злополучный для Галкина день.<br>«Было видно, что человек искренне раскаивается и сожалеет о случившемся», - <b><a href=http://life.ru/news/215564/>сказал источник Life.ru в правоохранительных органах</a></b>.

[nons]

Извините, но вы правда думаете, что там все вручную делается?

[salnickov]

Извините, но вы правда думаете, что там все вручную делается?

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

P.S. Я один раз работал на подобном сайте. И всё форматирование контента было вручную, как, например, на этом форуме при помощи bb - кодов. И была там установка от начальства определенные ссылки делать наклонными. Ничего не попишешь - делали.

[salnickov]

Вот, пожалуйста. Исправили.

[nons]

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

и? есть несколько вариантов -- либо тот самый болд "вшит" в код системы управления содержимым, либо при добавлении статей через админцентр используется js-WYSIWYG редактор, например тот же nicEdit.js, который особой семантичностью генерируемого кода не отличается.

А вообще ерунда. Если уж на то пошло, то и DOCTYPE'а у них нет.

P.S. Я один раз работал на подобном сайте. И всё форматирование контента было вручную, как, например, на этом форуме при помощи bb - кодов. И была там установка от начальства определенные ссылки делать наклонными. Ничего не попишешь - делали.

вешаешь класс и живешь радостно.

[nons]

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

[salnickov]

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

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

Добавлено через 3 часа 29 минут
Безотносительно того, кто как относится к "оранжевым" Оранжево-серый сайт.

http://www.svobodanews.ru/

Очень аккуратно и стильно и если б не фиксированная ширина столбцов...

[nons]

Продолжаю пополнять свою коллекцию хороших и интересных сайтов. Сегодня еще два сайта:


http://www.workatplay.com/



Стильный, интересный сайт канадской лаборатории социальных медиа. Интересная навигация и отличное применение средств JS. И да, никакого флеша.


http://stephencaver.com/



Многие на своих сайтах почему-то боятся пустых пространств. Этот же сайт как бы говорит нам: «Зря» :) В дополнение ко всему очень необычная навигация. Класс.

[salnickov]

Загляните в код. Я такого еще не видел http://alpikaservice.ru/

[aleshqa-1]

Загляните в код. Я такого еще не видел http://alpikaservice.ru/

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

[$Eagle$]

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

от кода ващето зависит скорость загрузки страницы и правильная индексация в поисковиках...если этого не будет, то простой юзверь и не зайдет на этот сайт