Дизайн CSS контроли: красиви бутони

Красота - понятието е относително. Вкусовете на програмистите и потребителите са поразителни. Появата на Интернет и широкото трансформиране на местното програмиране в разработването на уеб ресурси и потребителите на програмата - посетителите на сайта не променят състоянието на нещата. Шаблони, рамки, системи за управление на сайтове и други ускорители на процеси първоначално създадоха колекции от менюта, бутони, елементи за дизайн на страници и инструменти за управление, а след това предлагаха изключително прости опции и удобен дизайн за разработчиците, ясни за посетителите.

Исторически аспект на красотата в програмирането

Бъдещите лидери в областта на представянето и обработката на информация започнаха от менюто. Други софтуерни индустрии следват традициите на бъдещите лидери. Бутоните се появиха малко по-късно от менюто, но първичната им красота се състоеше от обем, който позволяваше да се различи от натиснатия бутон или недостъпен.


Това беше началото на "прозоречни" идеи, диалог и традиционен бутон "красиво" решение: ОК и Отказ. Turbo Vision черупки (среди, инструменти, IDE) бързо намериха много родители и семейството на популярната Vision започна да расте. Появата на графики на персонални компютри доведе до преход към "наистина насипно състояние".
Това беше "сив том", но истински прозоречен интерфейс и началото на дизайна на бутоните. Много хора вече не си спомнят примитивните времена в графичната област, но красивите HTML /CSS бутони вече са се появилислед това. Това, което се случи по-късно, беше самото пристигане на дизайнери в областта на развитието на уеб ресурсите. Програмистът (разработчик), както и името на тази професия, никога не се е различавал в тенденцията да показва красивото. Неговата карма - код, идеи и технология на развитие. Дизайнерът мисли за други категории и пристигането на дизайнерите е изместило частицата на истинската красота в формата на бутоните, оставяйки силата:

  • идея;
  • обем;
  • състояние (е натиснато, не е налично).
  • Ако не отидете в тънкостите на технологиите за разработване на уеб ресурси, тогава продуктивните 80-те и 90-те години са дали на света не само Oracle, Microsoft и Google, но и началото на прилагането на "красотата" в реалната работа и практическото съдържание.

    Първият дизайн, а след това практичността

    Трансформацията на представителствата на красотата в развитието на уеб ресурсите беше проста. Идеята за хипертекст е ефективна и концептуално ориентирана систематизация на всичко, което е постигнато преди. Добрият стил на писане на код изисква създаването на висококачествени диалогови инструменти за HTML /CSS. Красивите бутони и менюта са важна част от всеки уеб ресурс.
    Няма значение как точно е направен бутонът: маркерът на списъка и списъкът на елементите или блоковия етикет и съдържа градации на функционалност. Блок оформление, хипертекст развитие, разширяване на функционалността на каскадни стилове бяха незабавно поставени под ъгъла на ъгъла дизайн, а не практичност. Това беше първото прибързано решение и временен успех. Сайтът трябва да е жив, наистина практичен, а фактът, че неговият дизайн трябва да бъде безупречен, просто не трябва да предизвиква съмнение.

    Пример: карта на сайта на времето

    Просто начертайте карта (град, област или територия) и добавете няколко бутона към нея:
  • температура;
  • влажност;
  • налягане.
  • Но това не е много практичното решение. Опитът от разработването на подобни сайтове веднага дава недвусмислено решение как да се направи "добър бутон". CSS правило (едно!) На чертежа на картата и на необходимия брой HTML тагове, на местоположение (възможно е без никакви CSS правила). Всички решения.
    При такова решение насочването на мишката към местността ще предизвика събитието и ще позволи обработването на конкретно споразумение. Вижда се само картата - тя е реална и практична. Под картата има функция на функцията. Самите изисквани манипулатори на събития ще изработят правилната функционалност.

    Сайтът трябва да е жив и наистина практичен

    . Дизайнът на уеб ресурс трябва да бъде безупречен - без съмнение. Няма проблеми: в интернет има много примери за чист CSS (красиви бутони и менюта, изскачащи диалогови прозорци, алгоритми за следене, намеци за избор).
    Проблемът не е в това как да се покаже предложеният набор от правила за CSS. Проблемът е как да се съчетае предложената красота с етикетите на уеб страницата. Не е толкова лесно да „разтегнете” страницата на чужд CSS файл, но да преместите идеята винаги е практична и обогатява разработчика с опит. Като правило, в опцията "Интернет CSS", красивите бутони са придружени от ресурси, HTML вложки, връзки към шаблони или рамки на трети страни. Не всеки разработчик или собственик на сайт се интересува от запушване на кода му пред някой друг. Може да е такапричинени от съображения за безопасност, и по-често, отколкото не, липсата на реална необходимост.
    Копирайте и развийте идеята за CSS дизайн и правила и красиви домашно приготвени бутони. Качествено и правно чисто решение. Вярно е, че трябва да отделите малко време за препроектиране и програмиране, но играта си струва свещите. Безупречният дизайн на сайта е аксиома на уеб разработката.

    Простотата е ключът към успеха

    Първото решение доведе до временен успех, когато сивият обем се превърна в цветни бутони и оригинални решения в менюто благодарение на участието на професионални дизайнери. Красотата е завладяла посетителите на сайтовете, но външната мишма е дошла, а мигащите правила на CSS започнаха да отклоняват вниманието.

    Второ решение: пределната простота с пълна функционалност - стана норма. Характерно е, че това решение е взето, както се разбира. Модерните системи за управление на обекти (CMS) са станали изключително прости и възможно най-удобни за постигане на целите си. Разработчикът може днес във всяка версия на сайта - ръчно разработване или на базата на CMS - да изпълнява CSS красиви бутони по ваш вкус или да използва популярна колекция от друг сайт. Това е рисковано решение.
    В първия случай, правейки ръчно разработване на сайта, не е грях да питате мнението на водещите производители на популярната CMS. Все още няма сто специалисти, които са направили своите знания и умения, а общностите на разработчиците се измерват от стотици хиляди професионалисти. Във втория случай огънете линията си, когато всичко е готово, и можете просто да го почиститеПрекрасно е да се откажеш от работата - загуба на време. Клиентът не може да оцени, а посетителят просто не разбира автора. Понякога, когато бутоните вече се появиха, но все още нямаше CS, красивите бутони изобщо бяха заявени, защото бяха наистина красиви. Те бяха "бедни". Това беше псевдо-графичен, т.е. текстов режим! Но те имаха обем, който можеше да покаже, че са притиснати и можеха да станат недостъпни. Е, не всичко, направено от професионален дизайнер, но винаги красиво направено, че професионално и има реална практическа стойност.

    Свързани публикации