Примери за плосък дизайн. Плосък дизайн срещу материален дизайн: Каква е разликата?
Тези, които са уморени да гледат едни и същи икони на компютъра си, могат лесно да ги заменят с други. Лесно е да направите компютъра си по-изразителен и интересен.
За това има много тематични ресурси и допълнителни програми.
Как да изберем набор от икони
За да промените успешно дизайна на иконите, е по-добре да следвате определени правила:
- Новите икони трябва да съответстват на темата на операционната система.
- Информационната функция на иконите е по-важна от декоративната, те не трябва да са тромави и трудни за четене.
- Когато избирате набор от икони, трябва да обърнете внимание на тяхното качество. Лошо направените икони не само не украсяват системата, но и развалят външен вид.
- В преследване на стил не трябва да забравяме за практичността.
Къде да изтеглите пакети с икони
Мрежата е пълна с различни ресурси с "декорации" на операционни системи. Сред тях има много нискокачествени занаятчийски сайтове, които са вградени в SERP. Ето няколко ресурса, които предоставят качествено безплатно съдържание:
7themes.su
Добър тематичен ресурс, който ви позволява да изтегляте безплатно икони за Windows 7. В допълнение към иконите можете да намерите много други безплатни декорации за операционната система върху него. Колекцията от икони се обновява постоянно и се подлага на строг подбор за качество.
Oformi.net
Друг добър специализиран ресурс. Изборът е малко по-малък, но има уникални опции, разработени специално за този сайт. Заедно с иконите можете също да изтеглите курсори или дори цели теми.
westyle.ru
Сравнително малка колекция от икони. Но това се компенсира от оригиналността на предоставените материали. Повече от 60% от предоставените икони не са намерени на други сайтове.
Как да изтеглите икони за windows 7
важно!Системното разширение за файлове с икони е ICO. Следователно трябва да изтеглите икони за Windows 7 във формат ico. За да използвате PNG пакети, ще трябва да ги конвертирате, което ще отнеме допълнително време.
Помислете за изтегляне, като използвате 7themes.su като пример. Първо трябва да намерите любимата си колекция от икони в каталога.
След това отидете на нейната страница и кликнете върху бутона "Yandex.Disk" в блока "Изтегляне на файл". За изтегляне от съхранение в облакаЩе трябва да преминете през прост процес на регистрация. Във времето това е по-бързо от чакането споделяне на файлове.
Моля, проверете файловия формат преди изтегляне. В блока "Информация" в колоната "Формат" трябва да се посочи ICO. Често комплектът идва с набор от PNG икони и специален IP файл за програмата IconPackeger, която е разгледана по-подробно по-долу.
На страницата Yandex.Disk също ще трябва да кликнете върху бутона "Изтегляне".
Сега архивът с икони е запазен. Достатъчно е да разопаковате съдържанието му в отделна директория и можете да продължите с инсталацията.
Как да настроите икони
Иконите могат да бъдат зададени както поотделно за всеки обект, така и за цялата операционна система. В първия случай използвайте системни настройки. Във втория - софтуер IconPackeger (предлага се безплатна тридесетдневна версия).
Добавяне на икона към отделен обект
Помислете за прилагане на икона към един обект, като използвате примера на създадена папка. За да направите това, трябва да щракнете с десния бутон върху желаната папка. Изберете "Properties" от менюто.
Под формата на параметри на обекта ще трябва да изберете раздела "Настройки", в който ще има бутон "Промяна на иконата ...".
Ще се отворят иконите на Explorer към системата. В неговия прозорец се нуждаете от бутон „Преглед“.
Щракването върху него ще отвори стандартния изследовател, където трябва да зададете пътя до иконите, след което да изберете една от тях и да използвате бутона "Отвори".
Експлораторът на иконите ще покаже избраната икона. В неговия прозорец трябва да щракнете върху „OK“.
След това в прозореца с опции щракнете върху „Прилагане“ и иконата на папката ще бъде променена.
Този метод е приложим за други папки и всякакви файлове.
важно!Системните икони (Моят компютър, Кошчето и др.) не могат да се променят по този начин. Описаната по-долу програма ще ви помогне да ги направите различни.
Променете всички икони с IconPackeger
Изтеглената програма ще трябва да бъде инсталирана. След това стартирайте, като използвате елемента в менюто "Старт". Преди директно стартиране на програмата ще се появи прозорец с молба да закупите абонамент. В него трябва да кликнете върху зеления бутон „Продължи“.
Това ще отвори прозореца на програмата. Нови икони могат да се избират от въртележката в долната част на прозореца. За да използвате изтеглените икони (файл с разширение .ip), ще трябва да щракнете върху „Добавяне на пакет с икони“. В падащия списък е досадно да изберете елемента " Инсталирайте отдиск".
Това ще отвори File Explorer, където трябва да предоставите пътя до файла и след това да щракнете върху „Open“. След това програмата ще зареди колекцията и ще покаже визуализация на иконите.
В операционната система Windows всеки елемент на работния плот има своя собствена икона. Нашата статия ще ви каже как да инсталирате икони.
Ако искате да промените изгледа по подразбиране на папки и файлове, можете да го направите по всяко време, като използвате персонализирани икони. Това се прави лесно с няколко лесни стъпки.
Процес на промяна
- Трябва да изтеглите колекция от икони от интернет или да ги създадете сами. Основното в този въпрос е да се уверите, че изтеглените или направени икони, на които ще промените стандартни икони, имат разширение .ico. В случай, че изображенията са във формат .png, трябва да използвате специални програми, които са предназначени за конвертиране от един формат в друг. Също така трябва да запомните директорията (папката), в която сте запазили тези икони;
- Преди да научите как да инсталирате икони за Windows, трябва да запомните, че повечето от иконите на работния плот са преки пътища към програми. За да зададете икона за пряк път, трябва да преместите курсора на мишката върху файла или папката, чиято икона искате да промените. След това щракнете върху избрания елемент Кликнете с десния бутонмишката и изберете "Properties" от менюто. След това трябва да отидете в раздела „Пряк път“ и да кликнете върху бутона „Промяна на иконата“, който се намира в долната част на този прозорец.
- В прозореца, наречен "Промяна на икона", трябва да кликнете върху бутона "Преглед" и да посочите пътя до желаната икона. Когато изберете икона, веднага ще видите нейния намален размер (миниатюра). След това просто трябва да кликнете върху бутона "Ok", за да потвърдите избора си. В главния прозорец "Свойства (име на файл или папка)" трябва да щракнете върху "Прилагане" и да затворите този прозорец.
Икони на папки
За да зададете нова икона за папка, разположена на работния плот, трябва да извикате "Свойства" на тази папка по същия начин, както в стъпка номер 2. Тъй като това не е пряк път, няма да има раздел, наречен „Пряк път“. Сега трябва да отидете в „Настройки“, което е в раздела, наречен „Икони на папки“, който от своя страна се намира в долната част на прозореца. След това трябва да кликнете върху „Промяна на иконата“. В новия прозорец изберете желаната икона от предложените ви миниатюри или посочете пътя до вашия собствен файл. Остава само да потвърдите избора, като щракнете върху „Приложи“ и затворете прозореца.
Икони за други елементи
Иконите за папката "Моите документи", "Моят компютър", "Мрежови места" или "Кошче" трябва да бъдат променени, както следва:
- Щракнете с десния бутон навсякъде на работния плот.
- Изберете "Properties" от менюто.
- В прозореца „Свойства на дисплея“ отидете в раздела, наречен „Работен плот“ и щракнете върху „Персонализиране на работния плот“.
- След това трябва да изберете елемента, чиято икона искате да промените, и да щракнете върху бутона с надпис „Промяна на икона“.
Сега знаете как да инсталирате икони на работния плот!
В тази статия ще ви разкажа за плоския дизайн. Сигурно вече сте чували нещо за това, тъй като плоските се превърнаха в една от водещите тенденции в мрежата през последните няколко години.
Днес ще разберем какво е плосък дизайн, как възниква и какво ви трябва, за да създадете чист, ярък и отзивчив дизайн.
Можете да намерите добри примери за плосък дизайн на http://market.envato.com/. Има много оформления, икони и шаблони, които да ви дадат ясна представа за това как изглежда модерният дизайн. .
1. Какво е плосък дизайн?
Плосък дизайн - модерен стил потребителски интерфейс, както и графичен дизайн, характеризиращ се с минимализъм. Плоският дизайн се характеризира с използването на минимум елементи и липсата на различни ефекти на текстура, сянка и светлина, например: смесени цветове, градиенти, акценти и т.н.
Плосък срещу скевоморфизъм( Скевоморфизмът е принцип на проектиране, когато на един продукт се придава външен вид на друг, т.е. когато се копират различни елементи на интерфейса реални обекти- прибл. превод.) , както и богат дизайн.Въпреки това си струва да се каже, че плоският дизайн изобщо не е толкова прост, колкото изглежда на пръв поглед. Той включва някои характеристики на скевоморфизма, но ще говорим за това малко по-късно.
Като цяло плоският помага на потребителя да се фокусира върху съдържанието, без да се разсейва от визуалните ефекти. Плоският дизайн подчертава простотата на елементите, като същевременно прави интерфейса по-отзивчив, приятен и лесен за използване.
2. Малко история
Плоският дизайн, както знаете, съществува много преди момента, в който се превърна в световна тенденция в мрежата. Плоският дизайн беше доста популярен през 80-те години поради факта, че техниката по това време все още не беше достатъчно развита, за да поддържа сложни ефекти, текстури и сенки. Но дори и тогава дизайнът се стреми към скефоморфизъм, опитвайки се да направи елементите на интерфейса възможно най-реалистични.
Плоският дизайн във вида, в който го виждаме сега, започна да набира популярност, след като Microsoft започна да произвежда продукти в така наречения метро стил. Metro е UI дизайн от Microsoft, който впечатлява със своя стил и простота.
В 2010 Microsoft пусна Windows телефон 7, който използва плосък дизайн с остри ръбове и прости графики, наследени от един от ранните продукти Microsoft (Zune). По-късно, вдъхновени от успеха, Microsoft пуснаха операционна система Windows 8, базиран на същия плосък стил Metro.
В края на краищата плоският дизайн достигна своя връх през 2013 г., когато Apple пусна iOS 7 демонстрира фундаментално нов дизайнс напълно преработени елементи на потребителския интерфейс, включително икони и шрифтове. Apple създаде визуални принципи на UI и дизайн на икони .
Малко след това Google също започна да използва плоския стил в своите приложения и уеб страници, наричайки го материален дизайн. Google дори има цял раздел, посветен на този стил, включващ описание на целите на уеб дизайна, неговите принципи и инструкции за създаване на различни дизайнерски обекти: икони, оформления и т.н.
Оттогава плоският се превърна в ключова тенденция в уеб дизайна, правейки уебсайтовете, приложенията и елементите на интерфейса елегантни, чисти и стилни.
Така има три глобални примера за плосък дизайн от фирми, без които е трудно да си представим съвременния свят на технологиите:
Дизайнът на Metro на Microsoft
Дизайн на Apple iOS 7
Материалният дизайн на Google
3. Не забравяйте за чистотата
Плоският дизайн очевидно се нарича "плосък" поради липсата на 3D елементи и реалистични ефекти като градиенти, текстури, акценти, средни тонове, сенки. Не забравяйте, че плоският стил е двуизмерен (плосък) начин за изобразяване на обекти.
Освен това при плоския дизайн обектите се изобразяват по много опростен и стилизиран начин.
А понякога дори се използва само силует или контури на обект, т.е. достатъчно, за да направи обекта разпознаваем, но не и да го претоварва с незначителни детайли.
Минимализмът се превърна в глобална тенденция в наши дни: простотата на формите и използването на остри ръбове създават изчистен и приятен дизайн. Простите форми са по-разбираеми и по-лесни за разбиране. Това поддържа дизайна минималистичен, изчистен и го предпазва от получаване на натоварен, разхвърлян вид.
4. Перфектен
Знайте, че когато става въпрос за създаване на плоски икони и елементи на потребителския интерфейс, трябва да ги направите да изглеждат ясни, спретнати и съвършени в пикселите, т.е. колкото се може повече. Освен това, това се отнася както за растерна, така и за векторна графика.
С програмата Адобе Фотошоптук всичко е ясно: тя работи с растерна графика, който се базира на пиксели.
Относно Софтуер на Adobe Illustrator, той използва векторна графика, съставена от криви и линии, наречени вектори, които се определят от математически формули.
Навремето Adobe Illustrator не беше много удобна програмаза създаване на перфектна като пиксел графика. Добрата новина е, че най-новите версии Illustrator се превърна в страхотен инструмент за създаване на добри графики.
Трябва да кажа, че векторната графика включва най-вече работа с прости, плоски форми, плътни цветове и мрежи. Adobe Illustrator е много гъвкав и ви позволява да адаптирате мрежата към вашите нужди, да подравнявате обекти и да използвате Различни видовещракване. Това улеснява създаването на перфектния дизайн, който изглежда изчистен и стилен на всеки дисплей. Ако искате да научите как да създавате перфектни графики, тогава трябва да прочетете статията: Как да създадете перфектни пикселни произведения на изкуството с помощта на Adobe Illustrator .
5. Цвят
Една от по-специфичните характеристики на плоския дизайн, освен сенките, е използването на цвят. Повечето от цветовете, които плоският дизайн използва в своите елементи, се състоят само от няколко основни цвята.
Цветът в плоския дизайн се отличава с яркост, наситеност, сочност.Плоската цветова схема не се ограничава до няколко специални цвята, те съдържат много нюанси и изборът им зависи само от това, което изобразявате, дали са икони на сладкиши или предмети в ретро стил в изтънчена ретро палитра.
Да приемем, че сте дизайнер на потребителски интерфейс и сте добри с цветовите палитри и експериментирате с цветната лента във Photoshop и Illustrator, като смесвате цветове, както желаете. Този процес обаче е доста сложен и изисква добра интуиция, опит и умения. Тук ще намерите някои инструменти, които могат да ви помогнат да създадете своя собствена цветова палитра.
Някои от тях са подходящи за всякакви дизайни и илюстрации, не само за плоски дизайни. Например Adobe Color CC, по-известен като Cooler. Днес има достъп до него, както през уебсайта, така и директно чрез продуктите на Adobe. Охладителят е много гъвкав инструмент, който ви позволява да създадете своя собствена цветова палитра или да избирате от персонализирани палитри от библиотеката.
Друг прост и удобен генератор на цветова палитра е Coolors. Просто натиснете интервала и програмата ще генерира цветова палитра, можете да регулирате цветовете, има и функция за експортиране.
Има няколко други подобни услуги с персонализирани палети, които могат да бъдат полезни. Въпреки това, има един инструмент, създаден специално за плосък дизайн FlatUIColors.com от Designmodo е услуга с набор от „плоски“ цветове, много удобни за работа. Този сайт стана много популярен сред дизайнерите, които търсят добри цветови решения за перфектен дизайн. Опитай!
И можете да намерите повече разнообразие от цветове и палитри Ръководство за материален дизайн на Google.
6. Дълги сенки
Както бе споменато по-горе, плоският дизайн се характеризира с простота, много свободно пространство - затова плоският отхвърля използването на каквито и да е ефекти. Има обаче един ефект, който е специфичен за плоския дизайн. Този ефект се превърна в тенденция и характерна особеностапартамент.
Сега говорим за дълги сенки. Те имат някои типични характеристики, които правят този ефект разпознаваем, а именно: 45-градусов наклон и голям размер(сянката може да бъде няколко пъти по-дълга от самия обект. В резултат на това дългите сенки придават на плоскостта някакъв ефект на дълбочина.
Този ефект прави обекта по-триизмерен, но в същото време го оставя в контекста на плосък дизайн.
7. Работа с шрифтове
Типографията играе голяма роля в плоския дизайн. Често текстът се превръща в основен елемент на композицията.
Flat обикновено използва прости стилове на шрифтове, които правят целия дизайн чист и четим. Можете да намерите много безплатни шрифтове в Adobe Typekit, ако използвате продукти на Adobe. Можете също да намерите много добри безплатни шрифтове на Font Squirrel. Но не забравяйте да прочетете лиценза, ако ще използвате шрифта за търговски цели.
Най-често в плоския дизайн е обичайно да се използват главни букви и контрастни цветове, което прави текста по-четлив.
Използвайте шрифтовете внимателно, като не забравяте, че те трябва да подчертават и пасват на дизайна, а не да изглеждат като отделен елемент.Това не означава, че не можете да използвате серифни шрифтове или курсивни сложни шрифтове. Само не забравяйте да бъдете минималистични и да поддържате всичко в баланс. Въпреки това, flat все още използва шрифтове sans-serif по-често, тъй като изглеждат по-строги и спретнати.
8. Плюсове и минуси на плоския дизайн
Въпреки че плоският дизайн стана толкова популярен поради многото си предимства, все още има някои недостатъци, с които се сблъскват дизайнерите, когато използват този стил. Нека да разгледаме плюсовете и минусите.
професионалисти
Популярност
Плоският дизайн се превърна в тенденция, печели все повече положителни отзиви от дизайнери и уеб дизайнери и изглежда изобщо не губи позиции. Напротив, тя се разпространява все повече и повече, придобива нови форми и характеристики, става все по-креативна.
Простота
Плоският дизайн е семпъл, минималистичен и изчистен. Flat on the web помага на потребителите да се съсредоточат върху съдържанието, вместо да се разсейват от визуални елементи. Това работи и за интерфейси на мобилни приложения: чист дизайн с големи копчетаизползва мобилни устройстваперфектен.
Яркост
Цветът е друг готин плюс в плоския дизайн. Ярките и наситени цветове изглеждат привлекателни и изчистени, а липсата на преливания прави дизайна стилен. Освен това такива чисти цветове го правят по-позитивен, представителен, плоският дизайн създава правилното настроение.
недостатъци
Плоският има много повече предимства, но никой дизайн не е перфектен и не можем да го идеализираме. Ето някои недостатъци на плоския дизайн, които трябва да споменем:
Липса на реакция
Понякога липсата на важни детайли или визуални ефекти затруднява процеса на създаване на удобен за потребителя интерфейс и това като цяло прави целия дизайн неотзивчив. Не всички потребители се чувстват комфортно с плоски, тъй като може да е трудно да намерите елементи на уеб страница, върху които трябва да щракнете или да докоснете екрана мобилен телефонзащото не са интерактивни.
Проблеми с типографията
Както споменахме по-рано, не всеки шрифт може да отговаря на плоския дизайн. Понякога такъв богат шрифт с остри ръбове изглежда наистина балансиран и стилен. Но в случай, че шрифтът е избран неправилно, това може да унищожи целия дизайн. Трябва да имате наистина добра представа кои шрифтове са подходящи за флет и кои не.Липсата на опит прави избора на шрифт много труден.
Слаба визуализация
Поради ограничения в използването на ефекти, цветове и шрифтове, апартаментът може да изглежда твърде прост и студен. Неговият минимализъм може да бъде и основният му недостатък - други плоски дизайни в крайна сметка изглеждат точно като вашия. Така че е много трудно да направите вашите икони или уеб страници да изглеждат различно от дизайна на някой друг, защото използвате същите опростени форми, ограничени цветови палитри и подобни шрифтове. В резултат на това плоският дизайн може да стане скучен с времето.
9. Бъдещи тенденции в плоския дизайн
Не може да се каже, че плоският дизайн е напълно оформен и спрян по свой собствен начин.Може би поради недостатъците си, посочени по-горе, плоският има тенденция да се развива и променя, да придобива нови характеристики и да подобрява визуалната изразителност.
Ако погледнете внимателно последния пример за плосък дизайн, можете да видите, че наистина е такапостепенно от своите строги инструменти и започва да добавя фини ефекти като градиенти, сенки, осветление и други визуални ефекти.
Тези малки щрихи придават на плоския дизайн някаква дълбочина, без да са прекалено детайлни, както правят скевоморфните дизайни. Тези незначителни подобрения правят плоския дизайн по-отзивчив и удобен, както и внасят свеж вид, правейки плоския по-гъвкав и многофункционален.
Така плоското не губи своите характеристики, а става по-интересно, гъвкаво- Той наистина се подобрява.
заключения
Така обсъдихме някои факти от историята на плоския дизайн и говорихме за цветове, форми и типография. Прегледахме различни точки vision, се спряха на предимствата и недостатъците на апартамента и научиха някои от основните принципи за създаване на добър дизайн.
Надявам се, че сте научили нещо ново от тази статия или поне ви е било интересно. Трябва да опитате плосък дизайн, ако не сте го правили преди.
В крайна сметка, какво друго трябва да се спомене за плоския дизайн?
Ако наистина харесвате плоския с неговите остри ръбове, сочни цветове и ясни шрифтове, неговата изчистеност и минимализъм, тогава го заложете!
Той е в тенденция, но както при всеки друг графичен стил, не се ограничавайте до една техника. Ако апартаментът е в тенденция, това не означава, че не можете да използвате други стилове във вашия проект. Скевоморфизмът с неговите малки детайли и текстури също може да бъде добро решение. Най-важното е, че не забравяйте, че дизайнът е различен за всеки проект, той трябва да изразява неговия дух, цел, същност, като същевременно остава удобен и функционален. Напред!
Сравнително наскоро стана популярна такава дизайнерска посока като FLAT - дизайн или плосък дизайн.
Потребителите на Windows 8 и по-нови вече са запознати с FLAT дизайна, тъй като първото нещо, което виждат, когато стартират системата, е този екран.
Самата поява на FLAT дизайна се дължи на разпространението на мобилните приложения. И мисля, че това се дължи на факта, че FLAT дизайнерските обекти се създават с помощта на векторни обекти и съответно те са по-лесни за адаптиране към различни платформи за притурки.
FLAT - дизайнът има следните характеристики:
Пълно или частично отхвърляне на градиенти, сложни текстури и сенки от което аз лично съм много доволен. Нямам оплаквания за сенките и аз самият обичам да ги използвам, но нека вечните проблеми с показването на градиента да изчезнат.
На преден план излиза типографията, геометрията. Особено когато става въпрос за уеб дизайн.
Хармония и. Дизайнът използва ограничен брой цветове. Ето пример за популярната палитра за дизайн FLAT.
Използване на творчески информативни икони.
Както казах, FLAT - дизайнът стана много популярен в мобилни приложения, тъй като основната му характеристика е простотата на оформлението и адаптивността. FLAT дизайнът също се използва широко в инфографиката, тъй като се основава на хармонията на възприемане на информация чрез използването на конструктивни техники на типография и оцветяване.
По едно време най-популярната тенденция в уеб дизайна беше Web 2.0. Сега FLAT дизайнът зае своето място. Модата има тенденция да се връща към добре забравеното старо, за да направи нещо ново от него. Кой знае кога FLAT дизайнът ще излезе от мода, но засега се насладете на простотата, хармонията и информативността на актуалната тенденция. Между другото, плоският дизайн вече беше популярен през 80-те години, но тогава се дължи технически характеристики, невъзможността за показване на сенки и градиенти. И сега повечето от водещите ИТ компании преминаха към плоския дизайн.
Е, ние също ще се адаптираме към променящия се свят. В следващата статия ще ви покажа как да създавате икони в стил FLAT, като използвате прости форми във Photoshop.
Ако моите публикации представляват интерес за вас, тогава ви предлагам да сте наясно последни актуализациисайт сайт.
(Посетен 2 384 пъти, 1 посещения днес)