28 сета с пиксел иконки!

Този пост е специално за хората, които се кефят на пикселски иконки! В това число влизам и аз. Знам, че всеки си има стил и предпочитания, но все още не мога да възприема факта, че се рисуват икони без приложение. Да, големи са, красиви са, но обикновено си ги гледаме само на картинка. Аз съм фен на ръбестите (донякъде) минималистични детайли, които са си точно детайли – стоят кротко и са почти невидими, но допълват цялата картина. Проблемът е, че въпросните пиксел икони не са много популярни и се ползват няколко основни пакета, които често писват. Днес обаче ще ви споделя скромната си колекцийка и се надявам всеки да намери нещо за себе си. Избрал съм семпли, ползваеми и безплатни икони за вашите нужди.

pinvoke – това са едни от най-популярните иконки и на сайта може да намерите два сета. Първият е Diagona Icons v1.0 и съдържа 400 икони в PNG формат и размери 16х16 и 10х10.

Diagona Icons

[ Download ] [ Preview ]

Вторият по-новичък пакет, носещ името Figue Icons v2.5.1f, постоянно расте и в момента наброява цели 2538 икони, отново PNG формат с размер 16х16.

Fugue Icons

[ Download ] [ Preview ]

Пакетите са под Creative Commons Attribution 3.0 лиценз, а за тези, които искат да допринесат по някакъв начин има royality-free лиценз, който за Diagona Icons е $9.95, а за Figue Icons е $49.95.

Bitcons – този пакет се състои от 121 сладурски икони в цели 10 различни цвята. Освен това имате избор от размери – 16х16, 32х32, 64х64. Форматът е добрият стар GIF.

Bitcons

[ Download ]

Пакетът е под Creative Commons Attribution-Share Alike 3.0 лиценз. Разгледайте и останалите пакети с икони на автора, защото си заслужават.

Splashy Icons – едно приятно пакетче, което също се разраства. В момента иконите в него наброяват 482 и са абсолютно безплатни за ползване. Идват в PNG формат и размер 16х16.

Splashy Icons

[ Download ]

BrandSpankingNew – един доста старичък пакет, който е и семпъл, но според мен може да бъде полезен. Съдържа 113 черно-бели иконки с размер 10х10 и във формат GIF, кръстени Mini Icons 2, което трябва да ви говори, че има и още един пакет. Хвърлете му едно око, а аз не го включих тук, защото е прекалено малък. Mini Icons 2 са под Creative Commons Attribution Share Alike 2.5 лиценз.

BrandSpankingNew

[ Download ] [ Preview ]

Sizcons – два пакета по 55 икони в два различни размера – 16х16 и 12х12. Абсолютно безплатни са, така че няма от какво да се притеснявате, когато ги ползвате.

Sizcons

[ Download 16×16 ] [ Download 12×12 ]

Iconjoy – от сайта впечатляват с няколко пакета, които са напълно безплатни. Първият от тях дори е разделен на две части. Първата част съдържа 26 икони в цветен и черно-бял вариант, размер 16х16 и доста формати – ICO, ICNS, TIFF, GIF, BMP, PNG.

Free Web Development Icons #1a

[ Download ]

Втората част е със същия брой, размер и формат, но този път получавате и още един бонус – две версии sharp и soft, за съответния тип бекграунд.

Free Web Development Icons #1b

[ Download ]

Продължаваме с втория пакет, който наброява 32 иконки с размер 16х16 във формати ICO, ICNS, TIFF и PNG. Този пакет има само черно-бели иконки.

Free Web Development Icons #2

[ Download ]

Третият пакет отново вкарва малко цвят. Имаме 26 икони в размер 16х16, черно-бяла и цветна версия, както и sharp и soft варианти. Форматите са ICO, ICNS, TIFF, GIF, BMP, PNG.

Free Web Development Icons #3[ Download ]

Последният пакет от Iconjoy се казва Back To Pixel и е малко странен, но все пак реших да го включа. Включва 75 икони във формат PNG и GIF. Размерите са 9х9, 18х18 и 28х28. Има ги в доста цветове и авторите им дори са се постарали да им направят версия, като бутони с hover.

Back To Pixel

[ Download ] [ Preview ]

прочети нататък »

MagicOptic – дизайнерска полюция

Знам, че ежедневно се сблъсквате с идиотски сайтове. Знам и че един въпрос възниква в съзнанието ви – колко пъти е падал на главата си, като е бил малък въпросния дизайнер. Истината е, че никой не може да каже, но и без това след 5 минути този въпрос вече не ви вълнува, тъй като скромно и с голяма доза самообладание забъсвате пяната от устата си. Днес искам да споделя с вас един такъв ужас, от който дори Google се страхува.

MagicOptic

Неотдавна ми се наложи да си търся лещи и исках да се поразровя за оптики, които извършват прегледи (то май повечето са така), имат разнообразие от продукти и да са близо до нас. Е, в крайна сметка открих, но преди това попаднах на този “сайт”. MagicOptic веднага оправда името си след първата ми среща с хипнотизиращия бекграунд и стърчащата снимка. Колко трябва да си зле, че да не можеш да си ресайзнеш една снимка?! Ок. Скролвам плахо аз надолу, търсейки някаква информация. Изведнъж сайтът влиза в релски, след което отново гигантска снимка щръква навън. Под нея вече разбирам, че си имам работа с психопат. Човекът (?) явно мечтае за Вегас и сложил червени и мигащи (WTF?!) контакти, които се опитвам да синхронизирам с поглед и да запиша някъде. Тук магията отново подейства и вече се виждах на покер масата с full house в ръка. След като се опомних, просто копирах адреса. Мислех си, че вече няма какво да ме изненада, но уви. Под мигащия кошмар имах изненада две в едно. Отново изскочила снимка, но този път и приличаща на изрязка от вестник. Не, то си беше изрязка! Леко присвих едното око и надничайки с другото скролнах още по-надолу, очаквайки нещо да ме удари по главата, но за щастие там намерих само един футър, в който гордо стоеше псевдонима на дизайнера. Отдъхнах си и реших да видя как би изглеждало това изчадие на истински браузър, какъвто е Internet Explorer 6! Така си и знаех – имало скрити фийчъри! Всъщност това кафявото в дясно не било река от фекалии, а дясна колона с няколко линка. Съществувало и меню! Господарят IE 6 и брат му IE 7 го показват, но всички останали простосмъртни го крият, като трябва да изтриете първата картинка, за да се разкрие в цялата си прелест пред вас. Но колкото и да сте ентусиазирани от своето откритие, то бързо ще се разочаровате, тъй като нито един линк в него не е активен.

След това ми преживяване си направих няколко извода. Първо – дизайнерът, който е правил това спешно се нуждае от очила. Второ – хората от въпросната оптика се нуждаят поне от два чифта, тъй като са платили за това предполагам. Трето ако в първите два случая индивидите ползват очила на въпросната оптика, то тя смуче яко. Независимо от това обаче им направих една скрита реклама, така че даже трябва да ми благодарят!

Резолюциите в уеб дизайна

От доста време насам има нещо, което тормози уебдизайнерите по цял свят и то е постоянно нарастващия брой резолюции, респективно големината на самия сайт. Сигурен съм, че и най-добрите “драскачи” в сферата са изпадали в ситуация, в която се чудят с какво да запълнят даден блок от дизайна или какво да махнат, така че да изглежда по-добре. Понякога това води до много градивни промени. На всеки е ясно, че самият мисловен процес си е нож с две остриета, защото, както може да ви хрумне решение на проблема, така може да ви хрумне и нова идея, която искате да реализирате и заради която да смените дори цялата концепция. Ето защо никой не е застрахован от прекия слбъсък с този проблем.

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

Hire me!Защо по дяволите ми трябва уебсайт?

Това е адски клиширан въпрос и е доста настрани от темата, но все пак от него се започва, а и забелязвам, че напоследък доста хора го пренебрегват. С две думи защо си правя сайт, трябва ли ми изобщо? Естествено аз ще разгледам случая, в който след доста безсънни нощи сте си отговорили положително на този въпрос. Решили сте, че искате да си направите мега-улра-гига суперски сайт, но като типичен български предприемач решавате да отделите по-малко бюджет, за да има все пак някой лев и за 6.3 AMG. Звъните няколко телефона, разглеждате дузина сайтове и вече имате любима фирма, като Mag Studio, например. От тук нататък поемат хората с опит в сферата!

Към каква аудитория сте се прицелили?

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

В днешно време в домашни условия виждаме все по-големи и по-големи монитори, дори телевизори, в офисите пък пестят от бюджет и обикновено купуват по-стари и малки екрани, отделно имаме мобилни телефони, нотбуци, нетбуци и всякакви други “книжни” устройства, терминали и пр. Малко вероятно е сайтът, който ще правите да изглежда добре на всички изброени устройства и точно за това трябва да поставите едните пред другите. Т.е. ако сте ориентиран към бизнес клиенти е по-вероятно сайтът да се отваря от хора с лаптоп, което веднага ги слага пред останалите. Ако пък сайтът е за онлайн флаш игри, то е почти сигурно, че  на него ще попадне някой отегчен офис работник, а не домашен потребител. Но има и друг тип аудитория – възрастова. Например рибарски сайт би бил пълна трагедия, ако очаквате в него да влизат деца. Те не обичат да четат. Те се впечатляват лесно, обичат да им е шарено и кликат на забранени места. За тях Vbox7 или Impulse биха били по-подходящи. В сайт за бебешки стоки ще влизат предимно майки и татковци между 25 и 40 например. Ако все още се питате какво общо има възрастта, то веднага ви давам пример – рекламата. Всеки сайт с амбиции би рекламирал и ако има по-ясна представа каква аудитория гони, то ще знае и къде да рекламира. Така ако искам да рекламирам презервативи няма да го правя в рибарския сайт, а във Vbox7, защото там е таргет групата ми. Бебешките стоки? Ами бих пуснал реклама в Bg-Mamma, Tialoto.bg, Rozali.com и т.н., а не в Zamunda, където има огромен трафик, но предимно от младежи. Примерите са доста повърхностни, но са колкото да схванете идеята.  Както виждате тези приоретизации са важни за уточнение, тъй като от тях зависи и всичко в следващите стъпки или иначе казано – размерът на екрана, резолюцията, браузърът, дизайнът като цяло и др.

Колко ми е голям… екранът?

Тук нещата са горе-долу ясни – както казах по-горе, домашните потребители ползват по-големи монитори от типа на най-масовите 22″ или 24″, а някои от тях имат телевизори за тази цел. Бизнес персоните имат лаптоп на рамо или iPhone в джоба. Ако ви се падне нещо различно от този тип устройства или производните им, значи сте достатъчно напреднал и няма нужда да четете това.

Потребителски браузър – ами сега?

Ще питате какво общо има браузърът? Ами всъщност играе голяма роля! Ако аудиторията, в която се целим е по-широка, то браузърите през които се посещава сайта, също ще са доста разнообразни. Ако обаче се върнем на примера с уебсайта за флаш игри, то там е  много вероятно вече познатият офис работник да го посети и то на поостарял браузър, тъй като в офисите не се обновяват често. Остарелите браузъри от своя страна могат сериозно да порежат визията на сайта и така ако сте си играли дни или седмици да създадете някоя глезотия, то шанса да бъде тя изобщо видяна намалява. Дори по-лошото – страницата може да изглежда ужасно. Погледнете го от финасова гледна точка – инвестирали сте пари, които отиват на вятъра. Разбира се за всичко има решение, но тук изниква следващият въпрос – заслужава ли си парите и времето? Т.е. ако се опитате да вкарате CSS3 благинки под Internet Explorer 6 ще отнеме време, но ако този браузър се ползва от 2% от потребителите ви, то тогава не си заслужава. В такъв случай е по-добре просто да се опитате да извлечете максимума, който ви е позволен.

Разбира се браузърите в днешно време нямат кой знае какви проблеми що се отнася до масовата употреба, но повярвайте има малки мрачни стаички, обладани от тъмна магия, в които се чува само ехото на кликащия миш бутон. Тази метафора всъщност представлява всички поостарели машини из цял свят, които индивидуално остават в сянка, но обединявайки се правят един доста голям процент интернет потребление. Вярвате или не все още има места където се ползва Windows 95, IE 5 и подобни музейни експонати. Може би мислите, че говоря прекалено глобално, но никой не знае откъде ще му дойде.

прочети нататък »

Smashing Magazine с нов дизайн!

Smashing Magazine Redesigned

Буквално преди няколко часа един от най-популярните дизайнерски блогове смени старите си поскъсани дрешки с нови по-добри, по-стилни и по-мрачни. Естествено веднага се появиха противоречиви мнения, но без тях не може. На мен също не ми допадат няколко елемента по дизайна, но като цяло мисля, че е по-функционален и красив. Всъщност тук е мястото и да споменем кой е мацал – това са пичовете и пичките от Function.

Нововъведенията не са кой знае колко много, като основното, изключвайки дизайна, е новата Smashing Network. Целта й е да се събира и обединява полезното съдържание от най-големите дизайнерски блогове из цял свят. Точно за това и началната страница на SM е променена, като там вече виждаме статии на сайтове от въпросната мрежа. В нея може да се присъедини всеки, който пуска полезно съдържание и го прави редовно. Като друго значимо подобрение бих отбелязал добавянето на опция за потребителски новини. Чрез тях дори и да не сте член Smashing Network може да оставите линк с полезно съдържание и така, след като мине одобрение да популяризирате блога си например и да спомогнете за гигантския архив, който се заформя. В дясната колона имаме и добавени туитчета. Останалите хубости са добавяне на рейтинг в статиите, дребни благинки по коментарите и малко повече информация за авторите. Ако на някой му липсва добрия стар SM, винаги може да си припомни как никога повече няма да изглежда тук.

Браво, Smashing Magazine! Успехи и само напред!

Contact
captcha