In Design I trust

Посягане към звездите….

angeloff — Tue, 01 Jun 2010 19:31:51 +0000

След като публикуваха една от работите ми в статията “60 грандиозни примера за работа с фотошоп” … се вдъхнових и създадох това …. казва се

“Посягане към звездите”

Ако ви харесва, коментирайте и споделяйте.

Фотография: Павел Баджаков Модел: Румяна.

Технически параметри:
TIFF LZW Compression / 2048 X 3123 px @ 150pt / inch / CYMK MODE /

Ако някой желае да си го поръча за принтиране, нека ми пише.

Creattica с нов дизайн.

angeloff — Thu, 27 May 2010 06:57:17 +0000

Вчера пуснаха новата версия на Creattica. Източник на вдъхновение от които можете да черпите всеки ден.

В мрежата на PSD TUTS това събитие беше отбелязано със статията 60 Spectacular Examples of Photoshop Design and Art В която са селектирани 60 от най-добрите примери за работа с Adobe Photo Shop.С радост искам да кажа, че една от тези 60 работи е моя. Можете да я видите тук.

10 модерни, безплатни кирилизирани шрифта!

angeloff — Tue, 18 May 2010 09:23:09 +0000

Най-накрая да ми остана малко своботно време за да публикувам тази кратка, но мисля много полезна статиия в, която успях да подбера няколко безплатни кирилизирани шрифта. Надявам се да съм полезен.

Bender

Безплатни кирилизирани шрифтове

St Transmission

Безплатни кирилизирани шрифтове

Oksana Sans

Безплатни кирилизирани шрифтове

Tkachenko Sketch

Безплатни кирилизирани шрифтове

DAYS / Дни

DAYS

M+

Hattori Hanzo

безплатни кирилизирани шрифтове

Моят абсолютен фаворит е Barrister Sans, но за съжаление вече не е безплатен. Създаден е от българскят дизайнер Александър Неделев. Изключително богата фамилия от 10 типа от Thin до Extra Bold. Идеална както за сайтове, така и за печатен дизайн.

Fabrika

MOD

Yanone Kaffesatz

Adobe CS 5 - официално излезна на пазара

angeloff — Mon, 12 Apr 2010 23:03:35 +0000

Adobe пуснаха най-новият си продук Creative Suite 5. Сред най-интересните новости за уеб дизайнери са мути-прегледа на сайта ви на различни платформи / браузъри без да е нужно те да бъдат инсталирани в Adobe © Dreamweaver CS 5
3D рендериране на обекти в Adobe © Photo Shop CS 5, изключителна свобода в фотоманупулациите и още доста неща…

Adobe © Photo Shop CS5
Adobe © Dreamweaver CS 5
Adobe © Flash Profesional CS 5

Надявам се скоро да имам време да напиша по-сериозно ревю на основните компоненити.

CSS 3 / HTML 5 - Кой браузър ги поддържа и кой - не ?

angeloff — Tue, 30 Mar 2010 12:02:53 +0000

Започвате работа по нов уеб сайт. Стартира разработката на потребителският интерфейс, на дизайна… изкушавате ли се, от това да ползвате модерните и изключително удобни функции на CSS3 и HTML 5? Ако отговорът е - ДА, то открих нещо, което ще ви помогне да разберете до колко аудиторията на вашият уеб сайт ще може ползва нововъвведенията.

Web Design check list е точно за вас.

Дано съм бил полезен.

Angeloff Blog v0.3

angeloff — Thu, 18 Mar 2010 18:09:12 +0000

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

Ще се радвам да чуя коментари и мнения.

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

CSS 3, моля…

angeloff — Fri, 12 Mar 2010 09:27:56 +0000

Днес реших да отделя малко повече време и да драсна няколко реда за толкова чаканата от всички поддръжка на CSS 3, която на нас, дизайнерите ще ни улесни живота с години.

Всички колеги, които на този етап се занимават професионално, може би са запознати с някой основни функции на новата версия на каскадните стилове, като border-radius и @font-face.

Аз лично все по-усилено ги ползвам в проектите си.

Преди няколко дена попаднах на страхотен сайт в, който може много лесно да се упражним и да се запознаем с още няколко нови и интересни функции на CSS 3, някои от тях са наистина страхотни и се надявам скоро всички модерни (chorme, firefox, opera, safar) браузери да го поддръжат, отбелязвам ЕДНАКВО!
Малко помощ за по начинаещите преди да стартират:

@font-face

дава възможност за зареждане на избран от дизайнера шрифт. { font-family: 'WebFont'; - Задавате има на шрифта, което име ще викате където ви е нужно. src: url('myfont.eot'); /* IE6+ */ - След това задавате пътя до файла
src: local('☺'), - … ако е локален url('myfont.woff') format('woff'), /* FF3.6 */ url('myfont.ttf') format('truetype'); /* Saf3+,Chrome,Opera10+ */ }
След което можете да го викнете по следният начин: H1 { Font-family: ‘WebFont’ , serif ; Font-size: 24px; } Със сигурност @font-face е моят личен фаворит, които използвам вече в почти всички проекти. Дава възможност да заредите .ttf фаил (физически шрифт) от сървър или локално и да го ползвате (предимно за заглавни текстове) без да се притеснявате, че посетителя на сайта може да няма инсталиран на компютъра си въпросният шрифт.

border-radius

Заобляне на ръбовете на елемент (
), за различните браузъри трябва да се дефинира по отделно. -moz-border-radius: 12px; /* FF1+ */ - Mozzila / moz/ -webkit-border-radius: 12px; /* Saf3+, Chrome */ - Базирани на wekit border-radius: 12px; /* Opera 10.5, IE 9 */ - Поддържащи тази дефиниция на CSS 3

box-shadow

Дава сянка на самият елемент.

Интересно е за IE как се пише : filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#ffffff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#ffffff')"; /* IE8 */

Преливка на елемент

Тук нещата са доста разнообразни за различните елементи: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ - Преливката е отдолу нагоре т.е. #444444 е най-долу. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ - За Safari и Chrome има доста повече дефиниции, но основата е същата. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999')";

transform

Завъртане на елемент около собствената му ос. .box_rotate { -moz-transform: rotate(362.2deg); /* FF3.5+ */ -o-transform: rotate(362.2deg); /* Opera 10.5 */ -webkit-transform: rotate(362.2deg); /* Saf3.1+, Chrome */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4.024); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=4.024)"; /* IE8 */ } Приятно упражнение и не забравайте да я споделите статията ако ви е харесала.

Благодарим на Paul Irish и Jonathan Neal за това, че са отделили от времето си за да направят този интересен иструмент.

АДА на дизайнера

angeloff — Thu, 11 Mar 2010 10:10:51 +0000

… и така успявате да спечелите клиенти на, който да направите новият уеб сайт.

Но нашият герой, който е уеб дизайнер на свободна практика го очаква голяма изненада …

Ако ви харесва .. коментирайте и споделяйте.

Превод от оригиналният комикс на The Oatmeal
Превод : Георги Ангелов

България има нужда от визуална реформа

angeloff — Fri, 19 Feb 2010 15:32:18 +0000

TEDxBG 2010: Andrean Nechev from TEDxBG on Vimeo.

Днес попаднах на лекцията “Дизайн = Държавна Политика”. Наистина ми хареса и много се радвам, че автора Адреан Нечев даде съгласието си да я публикувам. Също така се радвам, че има още хора, които мислят като мен,че

България има нужда от визуална реформа.

Ще се радвам да чуя и вашето мнение.

Гиганска колекция с БЕЗПЛАТНИ икони за всякакви нужди.

angeloff — Thu, 18 Feb 2010 18:25:28 +0000

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