Есть ли какие-либо плагины или рамки или инструменты, чтобы сделать веб-страницы приятными, для программиста?

Question

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

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

Благодарим за помощь.

---

UPDATE

Для иконок, я знаю, что есть хороший сайт http://www.findicons.com

Я также скачал несколько инструментов, таких как "Color Scheme Designer", и я даже знаю, как использовать " Photoshop/Fireworks ", я прочитал несколько книг о дизайне. Но, я обнаружил, что мне не хватает артистического духа, страница, которую я разработал, всегда не достаточно хороша.

Что я ищу, что-то вроде ZK, см. Его demo, в котором определяются некоторые общие виджеты с красивыми стилями. Я надеюсь найти некоторые подобные плагины или инструменты, которые можно использовать в рельсах.

---

UPDATE

Я просто попытался http://colorschemedesigner.com, и нашел "Light пример страницы" и "Темный пример страницы" является очень полезным. Спасибо!

---

UPDATE

Этот сайт очень полезен: http://www.freecsstemplates.org

Answer 1

Для цветовых схем, Color Scheme Designer большой ресурс.

Для значков существует так много ресурсов, что на самом деле проще всего сказать «искать то, что вы ищете» - поиск в Google для таких вещей, как «бесплатные наборы значков» или тому подобное, может, как правило, мало перспективных ведет довольно быстро.

Answer 2

Как я должен был найти трудный путь - в какой-то момент мы (разработчики) должны что-то узнать о веб-дизайне. Я не думаю, что есть какие-либо инструменты для магии автоматически, но есть несколько отличных книг, специально предназначенных для программистов, борющихся с дизайном - я могу от всей души рекомендовать Web Design for Developers: A Programmer's Guide to Design Tools and Techniques. Существует также этот fun article, об общих ошибках разработчиков ошибок.

Answer 3

Ключ с внешним видом - это как программный интерфейс. Инкапсулируйте как элементы, используя теги id и class в каждом элементе html. Когда у вас есть согласованный макет содержимого среди страниц, вы можете использовать простой код css, чтобы все выглядело хорошо. Это часто помогает выполнять спецификации пользовательского интерфейса для ваших веб-страниц.

Например, теги <p> всегда будут содержать шрифты Arial с размером 10. Все ссылки будут # e33, если они не зависают (# 3ee) или не щелкнули (#fff). Фон страницы всегда будет #eee. Цвета, поля, шрифты и границы все входят в такие спецификации, но не являются необходимыми.Один трюк, который вы можете использовать, - это найти структуру управления контентом, такую ​​как drupal или dotnetnuke, проверить некоторые темы для каждого из них и взять и украсть код из тех, которые соответствуют вашим потребностям.

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

<link href="your_stylesheet.css" rel="stylesheet"/> 

или поместить все объявления стилей в генераторе на землю внутри:

<style> 
    body{ 
    font-face: Arial; 
    } 
</style> 

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

Answer 4

@ Ответом на ваш вопрос является то, что было бы гораздо лучше для вас стать партнером графического дизайнера, чем стать валетом всех профессий. Вы должны сосредоточиться на своих технических навыках, в то время как ваш партнер концентрируется на креативной части. Зачем? Поскольку с научной точки зрения, наш мозг функционирует по-разному - логически на левой стороне мозга и креативности на правой части мозга. Вы не ожидаете (в нормальной ситуации) быть благословленным обоими талантами. Кроме того, вы могли бы узнать у своего партнера несколько простых золотых правил, которые помогут вам «йоны» освоить.

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