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



Как сделать дизайн сайта?

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

Отправлено 18 Февраль 2008 - 16:58

Прошу написать в подробностях :D

 

 

  • 0

#2 admin
admin
  • Пользователь PRO
  • 5 275 сообщений
  • Репутация: 56

Отправлено 18 Февраль 2008 - 17:11

Создать дизайн для сайта не лёгкое дело для новичка, и не всегда сразу даётся. Подробно впринципи тут нечего расписывать, всё написано в книжках.
Создание дизайна для сайта можно условно поделить на такие этапы:
1) Создание графического макета в графическом редакторе (чаще всего photoshop). Тут может вам помочь сайт demiart.ru
2) Верстка графического макета (слоями или таблицами). Научится делать верстку можно на htmlbook.ru
3) Установка на сайт вашего дизайна
  • 0

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

Отправлено 18 Февраль 2008 - 18:45

Прежде всего, надо подумать, а нужен ли сайт? :D
Вообще сначала разрабатывается сетка (расположение элементов), продумывается структура сайта, навигация. Это сопровождается набросками на бумаге, где рисуется эта самая сетка и предполагаемые графические элементы.
Потом все из головы и бумаги переносится в комп (в фолошоп, иллюстратор, флеш, да хоть в паинт :D ). Когда будет готов макет, его надо будет порезать и сверстать...

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

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

#4 admin
admin
  • Пользователь PRO
  • 5 275 сообщений
  • Репутация: 56

Отправлено 18 Февраль 2008 - 18:54

Ariser, ты прав, но чучуть запутался :D Удобность пользования это узабилити называется. А лучший дизайн это в котором и красивое графическое оформление, и когда он удобный для пользователя
  • 0

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

Отправлено 18 Февраль 2008 - 20:00

admin, нее, юзабилити — это и есть наиважнейшая часть дизайна :D

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

я это и сказал) Но дизайн может быть хорошим и без картинок.
  • 0

#6 admin
admin
  • Пользователь PRO
  • 5 275 сообщений
  • Репутация: 56

Отправлено 18 Февраль 2008 - 20:10

Но дизайн может быть хорошим и без картинок.

Полностью согласен!
  • 0

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

Отправлено 18 Февраль 2008 - 21:29

Вопрос, как сделать диз в фотошопе? Как сохранить диз в html???
  • 0

#8 admin
admin
  • Пользователь PRO
  • 5 275 сообщений
  • Репутация: 56

Отправлено 18 Февраль 2008 - 21:56

Сначала делайте в фотошопе, потом разрезаете на клайсты, переходите в ImageReady и жмёте File / Save Optimized As
  • 0

#9 Zevss
Zevss
  • Пользователь
  • 495 сообщений
  • Репутация: 13

Отправлено 18 Февраль 2008 - 23:04


Но дизайн может быть хорошим и без картинок.

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

Не буду сильно спорить с профессионалами, но мне кажется что без картинок дизайн особенно развлекательных сайтов будет не столь эффективен.
  • 0

#10 admin
admin
  • Пользователь PRO
  • 5 275 сообщений
  • Репутация: 56

Отправлено 18 Февраль 2008 - 23:09

Уйма сайтов с минимумом графики имею обалденный дизайн и узабилити! Это достигается правильным размещением объектов на странице и хорошей подборкой css
  • 0

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

Отправлено 19 Февраль 2008 - 00:12

admin, хорошей подборкой css, неправильная фраза!
тогда уж хорошей гаммой, текстурой.
Мой списочек в порядке убывания по релевантности )))
1) юзабилити(функционал)
2) оптимизация
3) специализированность
4) обитатели проекта
5) оформление

Возможно ещё что-то
  • 0

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

Отправлено 19 Февраль 2008 - 07:45

Сначала делайте в фотошопе, потом разрезаете на клайсты, переходите в ImageReady и жмёте File / Save Optimized As

это, конечно, очень просто, но этого делать нельзя :D Хотя бы вусивуг дримвивера, и то лучше будет. А лучше всего — руками писать.
  • 0

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

Отправлено 19 Февраль 2008 - 11:22

Сначала делайте в фотошопе, потом разрезаете на клайсты, переходите в ImageReady и жмёте File / Save Optimized As

Что такое клайсты?

Гмм... такого у себя не нашел. Какой версией фотошопа вы пользуетесь?
  • 0

#14 admin
admin
  • Пользователь PRO
  • 5 275 сообщений
  • Репутация: 56

Отправлено 19 Февраль 2008 - 11:30

Да вобще правильно называть это не клайсты, а Slice. Клайст это у меня привычка такая, так прочитал первый раз и теперь всегда так говорю :D
Вобщим инструмент такой Slice Tool, или просто на клаве буква К
  • 0

#15 option
option
  • Неактивные
  • 27 сообщений
  • Репутация: 0

Отправлено 19 Февраль 2008 - 13:06

Да вобще правильно называть это не клайсты, а Slice. Клайст это у меня привычка такая, так прочитал первый раз и теперь всегда так говорю :D
Вобщим инструмент такой Slice Tool, или просто на клаве буква К


И сколько весят страницы, созданные таким образом? Наверное раза в три больше чем если бы были созданы в ручную?
  • 0

#16 admin
admin
  • Пользователь PRO
  • 5 275 сообщений
  • Репутация: 56

Отправлено 19 Февраль 2008 - 15:38

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

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

Отправлено 19 Февраль 2008 - 21:36


Но дизайн может быть хорошим и без картинок.

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

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

Можно сделать всё через каскадные таблицы и именно этим обойти использование картинок. Так можно сделать вполне красивый сайт только с одной картинкой (шапкой). А вообще, сейчас у большинства пользователей скорость и плата за инет нормальная - по этому можно использовать картинки (но в меру!).
  • 0

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

Отправлено 20 Февраль 2008 - 07:11

thief, во-первых, сейчас только через css делать и можно :)
Во-вторых мне интересно, чем цсс заменяет картинки? Если вы имеете в виду background: url(path/to/image.gif);, то это ведь тоже картинка, неважно, что она задана фоном.
А в-третьих, я сказал, что хороший дизайн может быть без картинок, но я не говорил, что он должен быть таким ;)
  • 0

#19 ministrx
ministrx
  • Неактивные
  • 20 сообщений
  • Репутация: 0

Отправлено 09 Март 2008 - 22:18

Делаю дизайн под заказ пишите в аську
  • 0

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

Отправлено 09 Март 2008 - 22:29

Ariser
background отличается от картинки тем, что если пользователь отключит в браузере картинки, то появится ужасный, никому не нужный вогнутый бордер, в IE ещё и крестик с надписью "Рисунок"

Всё-таки, бакграунд это не кртинка, его можно растянуть, размножить, отформатироваать, протом он идёт на заднем плане и не мешает контенту :)
  • 0

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


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

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

    MattCutts (dmitrylee.ru)
    Очков активности: 480 5 тем, 65 сообщений, 4 балла репутации

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

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

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

    lena220678
    Очков активности: 33 1 тема, 19 сообщений, 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)
    Очков активности: 22.5 Вне конкурса за определение пользователя месяца

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

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

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

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

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

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

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

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