Вэб дизайныг эхнээс нь сурах - эхлэгчдэд зориулсан алхам алхмаар зааварчилгаа (арван үе шат). Вэб дизайнерт ямар програм хэрэгтэй вэ? Windows дээр вэб дизайн хийх програмууд

Энэ нийтлэлд би вэб сайтын дизайн хийх программ хангамж, мөн вэб дизайнерын ажилдаа тааралддаг хэрэгслүүдийг авч үзэхээр шийдсэн.

Ийм хэрэгсэл нь ажлыг сайжруулахад тусалдаг төдийгүй ажлыг хөнгөвчлөх, бидний үнэт цагийг хэмнэдэг. Өнөө үед ийм хөтөлбөрүүд улам олон болж, би өөрөө шууд тулгардаг програмуудын талаар танд хэлэх болно.

Вэб дизайн

Вэб дизайн нь вэб сайт үйлдвэрлэх, вэб програм үүсгэхэд чиглэсэн вэб хөгжүүлэлтийн чиглэлээрх график дизайны нэг төрөл юм.

Нэг талаас вэб дизайнер нь HTML гипертекст тэмдэглэгээний хэлийг ашиглан вэб сайтын график болон текстийн элементүүдийг зөв байрлуулах, нөгөө талаас техникийн нарийн ширийн зүйлийг мэддэг байх шаардлагатай. Өөрөөр хэлбэл вэб сайт зохион бүтээгч нь вэб програмист, зураач аль аль нь байх ёстой.

Вэб дизайн хийх хэрэгсэл ба хэрэгслүүд

Би вэб төсөл боловсруулахдаа ихэвчлэн тааралддаг гол хөтөлбөрүүдийг жагсаахыг хичээх болно. Код оруулах, үүсгэх, сайтын зохион байгуулалт, зохион байгуулалт хийх хэрэгслүүдээс эхэлье.

Adobe Dreamweaver– DHTML, PHP, JavaScript, Ajax, CSS загвар болон бусад програмчлалын хэлийг дэмждэг алдартай HTML засварлагч. Энэхүү програм нь агуулгын удирдлагын системийг багтаасан бөгөөд скрипттэй ажиллахыг дэмждэг бөгөөд янз бүрийн хөтчүүдэд зориулсан вэб хуудсыг оновчтой болгох боломжтой.

Dreamweaver цонхыг хоёр хэсэгт хуваадаг.

• HTML програмын код дэлгэцийн дээд хэсэгт харагдана;
• Үүсгэж буй сайт нь доод хэсэгт байрладаг.

Notepad++– Тохиромжтой, энгийн бөгөөд хамгийн чухал нь програмистууд болон вэб дизайнеруудад зориулсан үнэгүй текст засварлагч, олон төрлийн програмчлалын хэл дээр ажилладаг, шошго оруулахад тохиромжтой синтакс онцлон тэмдэглэдэг.

Төслийн зохион байгуулалтыг тэмдэглэсний дараа та график элементүүдийн талаар бодож, вэб нөөцийг үзэсгэлэнтэй болгохыг хичээх хэрэгтэй. Хамгийн алдартай график засварлагч бол Photoshop юм.

Adobe Photoshopянз бүрийн график форматын растер зургийг боловсруулах, засварлах баялаг функц бүхий хүчирхэг програм юм. Вэбсайт хийхдээ та ихэнх цагаа энэ програмд ​​зориулах хэрэгтэй, учир нь түүний тусламжтайгаар та олон үйлдлийг гүйцэтгэх боломжтой.

• зураг боловсруулах;
• фото монтаж;
• зураг зурах;
• засварлах;
• өнгө засах;
• график хувиргалт;
• янз бүрийн шүүлтүүр хэрэглэх гэх мэт.

Хэрэв төсөлд хөдөлгөөнт дүрсийн элементүүдийг нэгтгэх шаардлагатай бол флаш хөдөлгөөнт дүрс үүсгэх програмуудыг ашиглах шаардлагатай.

Adobe Flash– объект хандалтат хөдөлгөөнт хэрэгслийг ашиглан хөдөлгөөнт бүтээл, интерактив товчлуур, баннер үүсгэх програм хангамж. Миний нэг флаш бүтээлийн жишээ:

Серверийн платформ ба програм хангамжийн орчин

Дараа нь бид локал компьютер дээр төслийг турших платформ хэрэгтэй. Вэб төслийг анхлан байршуулах, турших олон локал серверүүд байдаг. Програм хангамжийн бүрхүүлийг ашиглаж эхэлсэн Денвер, үүнд Apache, PHP, MySQL, Perl, PostgreSQL орно.

Сүүлийн үед би олон төрлийн үйлчилгээ, функц бүхий илүү ажиллагаатай зөөврийн сервер платформыг ашиглаж байна Серверийг нээх, үүнд: Apache, Bind, Nginx, MySQL, MariaDB, MongoDB, PostgreSQL, Redis, Memcached, PHP, ImageMagick, Ghostscript, Sendmail, Adminer, PHPMyAdmin гэх мэт.

Сайтын файлын бүтцийг байршуулах сервер дээр байрлуулахын тулд бидэнд хэрэгтэй болно FTP FileZilla, үүний тусламжтайгаар та FTP серверт хялбархан холбогдож, файлуудтай ажиллах боломжтой. Хэдийгээр орчин үеийн бүх хостинг үйлчилгээнүүд таны хувийн дансанд ийм функцтэй байдаг.

Туршилт, дибаг хийх үе шатанд сайн мэддэг Интернет хөтчүүд : Mozilla FireFox, Opera болон Google Chrome.

Ахисан түвшний вэб програмистуудад зориулсан

Илүү дэвшилтэт програмистуудын хувьд хөгжүүлэлтийн орчин нь ашигтай байх болно NetBeans, Java, C, C++, PHP, Python, JavaScript гэх мэт програмчлалын хэлүүдийг дэмждэг.

NetBeans нь бүрэн үнэ төлбөргүй бөгөөд мэргэжлийн вэб төсөл, гар утасны програм үүсгэхэд шаардлагатай функц, хэрэгслүүдийг агуулдаг.

Энэ бол вэб сайт үүсгэх үед таны хийх ёстой бүх програмуудын жагсаалт биш юм. Мөн фонттой ажиллах програмууд, товчлуурууд, баннерууд, програмын кодыг оновчтой болгох, хялбарчлах хэрэгслүүд, вэб хуудасны зөв эсэхийг шалгах хэрэгслүүд, гурван хэмжээст дүрс үүсгэх график системүүд болон бусад олон хэрэгслүүд байдаг.

Сайн вэб дизайнер нь мэргэжлийн загвар зохион бүтээхийн тулд янз бүрийн програм хангамжийн хэрэгслүүдтэй ажиллах чадвартай байх ёстой. Энэ нь зөвхөн график засварлагчдад хамаарахгүй. Энэ нийтлэлд бид вэбсайтын дизайныг бий болгох зорилгоор үндсэн зорилго бүхий програмуудын үндсэн ангиллыг жагсаах болно.

Растер график боловсруулах програм

Энэ бол нэлээд өндөр түвшинд эзэмшсэн байх ёстой хөтөлбөрүүдийн хамгийн чухал ангилал юм. Хамгийн тохиромжтой нь нэг нь хангалттай. Тэдний гол зорилго нь график файлуудыг засварлах, олон төрлийн эффект үүсгэх явдал юм. Энэ ангиллын хөтөлбөрүүдийн хувьд та эхлээд дараах ойлголт, үйлдлүүдийг эзэмшсэн байх ёстой.

• Тохиромжтой өнгө, өнгө засах;
• Зургийг засах;
• Тариалангийн хэрэгсэл;
• Бүтцийн ялгаа, янз бүрийн график форматтай ажиллах;
• Шүүлтүүртэй чадварлаг ажиллах;
• Давхаргыг ашиглах.

Энд байгаа хамгийн түгээмэл програмууд нь:

1. Adobe PhotoShopЭнэ төрлийн график програмуудын дунд үнэмлэхүй тэргүүлэгч юм. Гэсэн хэдий ч энэ нь маш их хэмжээний компьютерийн нөөц шаарддаг.
2. Paint.net- Photoshop-ийн сайн хувилбар. Тохиромжтой интерфэйс, бүх зүйл гарт байгаа бөгөөд үүнийг гуравдагч талын залгаасуудаар өргөжүүлэх боломжтой. Windows дээр ажилладаг.
3. GIMP- энэ нь "GNU дүрс боловсруулах програм" гэсэн үг юм. Энэ бол Photoshop-ийн олон жилийн турш танигдсан платформыг орлуулах бөгөөд хүчирхэг функцтэй. GIMPShop-ийн Photoshop интерфейстэй ойр хувилбар байдаг.

Вектор график боловсруулах програм

Энэ төрлийн программыг эзэмшсэн байх нь вэб дизайнерын хувьд чухал давуу тал болно. Эдгээр нь товчлуур, зураг, шошго болон бусад элементүүдийг клипарт ашиглан эсвэл оргүй зүйлээс үүсгэх боломжийг олгодог. Үүний зэрэгцээ вектор графиктай ажиллах нь растер графиктай ажиллахаас үндсэндээ ялгаатай тул та тэдгээрийг тусад нь эзэмших хэрэгтэй. Дадлага хийхийн тулд та өөрийн нэрийн хуудас, маягт, товхимолыг вектор хэлбэрээр хийж болно - энэ нь редактор сурахад ашигтай байх болно. Дараах ур чадвар шаардагдана.

• График объектуудтай ажиллах: тэдгээрийг давхарлах, бүлэглэх, ер бусын дүрс үүсгэх;
• Муруй ба муруй зангилаатай ажиллах ур чадвар;
• Хөтөч, тортой ажиллах чадвартай;
• Өнгөний загваруудыг ойлгох - RGB, HSB, CMYK
• Текстийг ямар ч муруй дээр байрлуулах чадвар;
• Эффект ашиглах чадвар;
• Градиент ба дүүргэлт, түүний дотор фрактал.

Энэ ангийн хөтөлбөрүүдийн гол төлөөлөгчид нь Corel DRAW болон Adobe Illustrator.Тэд чадавхаараа ойролцоогоор тэнцүү бөгөөд вектор графикийн хамгийн сүүлийн үеийн дэвшлийг ашигладаг. Гэсэн хэдий ч эдгээр хоёр хөтөлбөр нь нэлээд хүнд байдаг. Илүү хялбар сонголт бол Corel Xara боловч зарим эффект, командыг гүйцэтгэх боломжгүйгээс болж амар хялбар байдаг.

Вэб хөтчүүд

Эдгээр нь бидний ердийн хөтөч юм. Одоогоор тэдгээр нь нэлээд олон байгаа бөгөөд үнэхээр сонгох боломжтой. Хамгийн алдартай Windows үйлдлийн системийн стандарт багц нь хөтөчийг агуулдаг. Internet Explorer, гэхдээ энэ нь хамгийн тохиромжтой зүйл биш гэж тооцогддог бөгөөд ихэнх интернет хэрэглэгчид бусад бүтээгдэхүүнийг суулгахыг илүүд үздэг. Аль нь илүү дээр вэ гэдгийг хэлэхэд хэцүү байдаг - орчин үеийн бүх хөтчүүд олон ашигтай хэрэгсэл, функцуудыг агуулдаг боловч тэдгээр нь хамгийн алдартай нь юм. Google Chrome болон Mozilla FireFox.Дизайнерын хувьд тэд зөвхөн сайтын зургийг олохын тулд интернетээр аялахад хэрэгтэй болно. Тэд вэб хуудасны элементүүдийг шалгах тусгай хэрэгсэлтэй - Галын хорхой, энэ нь сайтын бүтцийн талаар маш их хэрэгтэй мэдээллийг өгдөг.

Энгийн текст засварлагч

Хэрэв таны зорилго бол зүгээр л зураглал зурж сурах биш, мөн тэдгээрийг бүрэн хэмжээний вэбсайт үүсгэхийн тулд програмчлах явдал юм бол танд HTML болон CSS layout-ийн мэдлэг хэрэгтэй болно. Наад зах нь тэдний суурьтай танилцах нь сайтуудын бүтцийг ойлгоход том нэмэр болно. Үүнийг хийхийн тулд та HTML хаягуудыг тодруулсан хамгийн энгийн засварлагчийг ашиглаж болно. NotePad++.

Текст таних програмууд

Ихэнхдээ текстийг зураг хэлбэрээр үзүүлдэг боловч таны гарт текст таних хэрэгсэл байгаа тохиолдолд энэ нь тийм ч том асуудал биш юм. Энд бид ашиглахыг зөвлөж байна FineReader, боломжтой бол хамгийн сүүлийн хувилбар.

Зарим тусгай програмууд

Жагсаалтад орсон програмуудад зарим эффект эсвэл үйлдлийг гүйцэтгэх боломжгүй эсвэл гүйцэтгэхэд хэцүү байдаг тул танд нэмэлт программ хэрэгтэй болно, жишээлбэл:

1. Colormania-дэлгэцийн аль ч цэгийн өнгийг RGB форматаар нэг товшилтоор тодорхойлох боломжийг олгодог ашигтай, хөнгөн хэрэгсэл. Та мөн Chrome-д зориулсан Eye Dropper гэх мэт хөтчийн өргөтгөлийг ашиглаж болно.
2. Adobe Flash- вэбсайтуудад зориулсан баннер болон бусад хөдөлгөөнт дүрс үүсгэх алдартай хэрэгсэл, жишээлбэл, интерактив товчлуурууд, хүүхэлдэйн киноны баатрууд болон бусад олон зүйлс.
3. Шугам -нь танд хэрэгтэй ямар ч элементийн хэмжээг хэмжих боломжийг олгодог. Энд SPruler, Code-V Ruler гэх мэт олон програм хангамжийн шийдлүүд байдаг. Та мөн MeasureIt (Coogle Chrome) гэх мэт ижил төстэй хөтчийн өргөтгөлийг ашиглаж болно.
4. GIF аниматор- GIF форматаар хөдөлгөөнт дүрс үүсгэх энгийн програм. Хэдийгээр энэ ажлыг Photoshop дээр хийж болно.

Туршлага хуримтлуулахын хэрээр та ажлын дуртай, танил хэрэгслээ хөгжүүлэх болно. Энэ бол зөвхөн ашиглахыг зөвлөсөн жагсаалт юм. Бүгдийг нэг дор суулгах шаардлагагүй. Эхлэхийн тулд харааны засварлагч, хөтөчтэй байхад хангалттай, гэхдээ боломжуудыг сайтар судалж, практик ажлыг эзэмшинэ.

Өнөөдөр вэб дизайнеруудад зориулсан гурван зохистой график засварлагч байдаг. Би тэднийг ямар ч байдлаар харьцуулахгүй. Би зөвхөн товч тоймыг өгч, эдгээр програмуудын талаар санал бодлоо хуваалцах болно.

Adobe Photoshop

Эхний хувилбар нь 1990 онд гарсан

Хамгийн алдартай график засварлагч. Удаан хугацааны өмнө гарч ирсэн бөгөөд No1 байсан. Үүнийг ашигладаг: f otographers, хэвлэлийн дизайнерууд, вэб дизайнерууд, интерактив дизайнерууд, видео хөгжүүлэгчид. Бүх зүйлийг агуулсан маш хүчирхэг програм. Хөтөлбөрийг хаа сайгүй ашиглаж, дэмждэг. Аливаа студи, компани, хэвлэх үйлдвэрт.

Эхэндээ энэ нь гэрэл зургийг засах, ажиллахад зориулагдсан байсан боловч дараа нь илүү өргөн функц, чадварыг олж авсан.

Миний хувийн бодол:

Давуу тал: 3D, GIF хөдөлгөөнт дүрс, скрипт, нэмэлт програмуудыг дэмжих гэх мэт бүх төрлийн функц бүхий үнэхээр дэвшилтэт засварлагч. Бэлэн график, загвар болон бусад зүйлсийн асар том номын сан. Photoshop-т зориулсан маш олон гайхалтай үйлдлүүд байдаг бөгөөд нэг товшилтоор та зургаас үзэсгэлэнтэй зураг хийх боломжтой.

Photoshop бол гэрэл зурагтай ажиллахад тохиромжтой. Ямар ч хязгаарлалт байхгүй, та хүссэнээрээ зураг үүсгэж, өөрчлөх боломжтой. Youtube дээр Photoshop дээр маш олон тооны хичээлүүд байдаг.

Сул талууд:Боломжтой бүхнийг өөртөө чихэх гэж оролддог Photoshop хөгжихийн хэрээр маш хүнд, болхи болсон. Програмыг ачаалахад маш удаан хугацаа шаардагдахаас гадна зарим функцийг гүйцэтгэхэд нэлээд хугацаа шаардагдана. Аппликешн нь зөвхөн захиалгаар ажилладаг. Сул компьютер дээр Photoshop нээх нь маш их асуудалтай байдаг. Эвгүй зүйл зөндөө байна. Бид дуурайх ёстойзарим хэв маяг болон бусад.Эффект бүхий цонх хэрэгтэйцаг болгон нээж, хаадаг.Төөрөгдөлд орсон удирдлагатекстийн хэв маяг, хэмжээ. Гэсэн хэдий ч програм нь вектор биш харин растер графиктай ажиллахаар бүтээгдсэн гэдгийг бүү мартаарай.

Дүгнэлт: Photoshop бол эхлээд зураг засахад тохиромжтой. Формат, хөтөлбөрийг хаа сайгүй, хүн бүр дэмждэг. Хэрэв хүсвэл дотор нь хүссэн зүйлээ үүсгэж болно. Дизайн, дүрс, баннер гэх мэт. Гэхдээ энэ нь хэр тохиромжтой, хурдан байх вэ гэдэг нь асуулт юм.

Ноорог

Эхний хувилбар нь 2012 онд гарсан

Mac-д зориулсан вектор график засварлагч

Photoshop-ын дараа Sketch програм гарч ирэв.Sketch хөгжүүлэгчид хүчирхэг вектор график засварлагчийг авч, шаардлагагүй бүх зүйлийг хаясан мэт. Хэрэглээний интерфейс нь Apple-ийн сонгодог програмуудтай төстэй.

Хөгжүүлэгчид дараахь зүйлийг бичдэг: сайн график бүтээх нь нэлээд төвөгтэй процесс байж болох бөгөөд танд энэ зорилгоор тусгайлан боловсруулсан програм хэрэгтэй болно. Тиймээс тэд Photoshop нь вэбсайтын дизайн, интерфэйс, дүрс зурах зориулалттай програм биш гэдгийг тун тод сануулж байна. Мөн програмын тайлбарт хэрэгслүүдийн энгийн, хүртээмжтэй байдлыг онцлон тэмдэглэсэн байдаг бөгөөд энэ нь програмын өөрийн чадварыг ямар ч байдлаар бууруулдаггүй.

Sketch-ийн гол онцлогуудын нэг бол дүрс, текстийн холбогдох загварууд юм. Энэ нь өөр өөр элементүүдийг нэгтгэж, ижил дүр төрхийг өгч, бүх объектын харагдах байдлыг хэдхэн товшилтоор өөрчлөх боломжийг олгоно. Текстийн хувьд ч мөн адил. Та мөн сонгосон давхаргыг дахин ашиглахад хялбар элемент болгон хувиргах тэмдэг үүсгэж болно.

Миний бодлоор Sketch бол программ болон вэб сайтын дизайн боловсруулахад хамгийн тохиромжтой хэрэгсэл юм. Өнөөдрийн хамгийн дэвшилтэт UI/UX хэрэгсэл.

Affinity Designer

Affinity Designer нь Mac болон Win-д зориулсан шинэ график засварлагч юм. Photoshop-той харьцуулахад хурд, гөлгөр байдал, хялбар интерфэйс гээд хэд хэдэн үзүүлэлтээрээ ялагч болж байна.

Худалдан авах: http://affinity.serif.com (Adobe-ээс ялгаатай нь та програмыг нэг удаа худалдаж аваад үүрд ашиглах болно)

Affinity Designer бол миний хувьд үнэхээр жинхэнэ нээлт байсан. Энэ нь орчин үеийн бүх шинэ технологи, чиг хандлагыг харгалзан дизайнеруудад зориулж тусгайлан эхнээс нь боловсруулсан. Ойр дотно байдал нь гайхалтай хурдан, тохиромжтой, практик, бодолтой байдаг.

Би энэ програмыг зөвхөн Бета хувилбарт байх үед нь танилцаж, хөгжүүлэгчдэд алдааг олж, сайжруулах зөвлөмжийг өгсөн. Ерөнхийдөө хөгжүүлэгчдийн албан ёсны форум дээр хөтөлбөрийг идэвхтэй хэлэлцсэний ачаар ямар ч загвар зохион бүтээгч хөгжилд оролцож болно. Та энэ програмыг ард түмэнд зориулсан хүмүүсээс найдвартай дуудаж болно.

Одоо програм нь маш хурдан шинэ функц, гайхалтай чадварыг олж авсан. Энэ хөтөлбөрт ажиллаж байхдаа та тэнд байгаа бүх зүйлийг хамгийн жижиг нарийн ширийн зүйлийг бодож боловсруулсан гэдгийг ойлгож байна. Би түүний бүх супер шинж чанаруудын талаар ярихгүй. Нарийвчилсан тайлбарыг албан ёсны вэбсайтаас олж болно. Зүгээр л видеог үзээрэй:

Видеог солих

Би энэ програмыг ямар ч эргэлзээгүйгээр санал болгож чадна. Та зураг чимэглэл хийхийг хүсч байна уу, вэбсайтын зохион байгуулалтыг хүсч байна уу, дүрс, лого зурмаар байна уу. Хэвлэх төрөл бүрийн зураг төсөл боловсруулах. Хөтөлбөр нь эдгээр бүх ажлыг хийхэд тохиромжтой.

Хэрэв өнөөдөр цөөхөн хүн үүнийг мэддэг бол ойрын ирээдүйд бүх дизайнерууд үүнийг ашиглах болно. Хэрэв та анхлан суралцагч бол Affinity Designer-аас эхэл. Хэрэв та туршлагатай дизайнер бол энэ програмыг сайтар судалж үзээрэй. Энэ нь таны амьдралыг илүү хялбар болгоно гэдэгт итгэлтэй байна.

Affinity-ийн ачаар Photoshop-ын дараа миний ажлын хурд 50-60%-иар нэмэгдсэн бөгөөд энэ программ дээр бүх зүйлийг хийхэд Photoshop-оос 10 дахин хялбар болсон. Та үүнд ажиллахад маш их таашаал авдаг. Би энэ хөтөлбөрийг сайтар судалсан. Товч, функц бүр үнэхээр хэрэгтэй, чухал, сайн.

Давуу тал:Хөтөлбөрийн гүйцэтгэл. Ээлтэй интерфэйс. Вэб дизайнд тусгайлан зориулсан олон өвөрмөц онцлогууд. Төслийг түүхтэй нь хадгалах, өөрчлөлтийн түүхийг гулсагчаар харах, интерфэйсийг өөрийн үзэмжээр тохируулах зэрэг олон боломжууд байдаг. Вектор болон растер програм болон бусад олон зүйлд зориулагдсан. Affinity-д зохион байгуулалтыг хүртэл дасан зохицох боломжтой. Энэ нь хэд хэдэн дэлгэцийн хэмжээ хийх шаардлагатай үед маш тохиромжтой. Програм нь ямар ч түгээмэл форматтай файлуудыг экспортлох, импортлох боломжтой.

Сул талууд:Үнэнийг хэлэхэд би өөрөө үүнийг олж чадаагүй. Үүнийг Photoshop-оос ялгаж буй цорын ганц зүйл бол хөгжүүлэгчид гэрэл зурагтай нарийн ажиллах хоёр дахь програмыг хийсэн явдал юм. Ойр дотны зураг,Бараг бүх зүйл ижил, зөвхөн гэрэл зурагчдад зориулагдсан. Өөрөөр хэлбэл, тэнд гэрэл зураг авах боломж илүү их байдаг. За, энэ бол тийм ч том асуудал биш юм. Би зургийг засварлах, өнгөний нарийн залруулга хийх эсвэл өөр ямар нэгэн засвар хийх шаардлагатай бол Affinity Photo-г нээж үүнийг хийдэг. Программууд хоорондоо уялдаатай бөгөөд ctrl+c/ctrl+v-г хуулах эсвэл төслийг хадгалах замаар файлуудыг шилжүүлэх боломжтой. Бие биенийхээ хэрэглээний форматыг дэмждэг бөгөөд унших боломжтой.

Ойр дотны зураг

Affinity Photo бол Affinity Designer-тэй ижил төрлийн програм бөгөөд тэднийг ах дүү гэж нэрлэж болох ч зөвхөн гэрэл зурагтай ажиллах чиглэлээр мэргэшсэн. Тиймээс, энэ нь гэрэл зурагчдад зориулсан програм юм, гэхдээ энэ нь Affinity Designer-ийг сайн нөхдөг бөгөөд вэб дизайнерын зарим ажилд тохиромжтой, жишээлбэл, заримдаа гэрэл зураг боловсруулах шаардлагатай байдаг.

Үүнд p байна Бүрэн боломжит RAW хөрвүүлэгч.Төрөл бүрийн өнгөний орон зайтай ажиллах: RGB, CMYK, LAB, саарал өнгө, 16 битийн нягтрал.Adobe Photoshop PSD файлын нийцтэй байдал, TIFF, JPEG, PNG, EPS, PDF, SVG болон бусад форматыг дэмждэг.

Энэ нь үнэхээр Affinity Designer-тэй ижил хөдөлгүүр дээр хийгдсэн боловч үндсэндээ өөр юм. Та үүнд вэбсайтын бүдүүвчийг зурах ёсгүй. Жишээлбэл, Artboards болон бусад олон функцийг дэмждэггүй. Энд бид зөвхөн гэрэл зурагтай ажилладаг. Жишээлбэл, энэ програм нь панорамаг автоматаар хооронд нь холбох, 3D панорама хийх, Liquify хэрэгслийг ашиглах гэх мэт олон зүйлийг багтаасан болно. Хэрэв та програмын интерфейсийг хөгжүүлж байгаа бол энэ бүхэн танд огт хэрэггүй болно.

Тиймээс хөгжүүлэгчид нэг овоолгын бүх процесст саад учруулахгүйн тулд хоёр програмыг хийсэн. Хэрэв та вектор график (вэбсайт дизайн, програм, баннер, дүрс гэх мэт) дээр суурилсан төслүүдтэй ажиллахыг хүсвэл - ашиглана уу.Affinity Designer. Та гэрэл зураг эсвэл растер зурагтай нарийн ажиллах хэрэгтэй - ашиглахОйр дотны зураг.

Дизайнтай ажиллахдаа би үнэнийг хэлэхэд Affinity Photo-г нээх нь ховор, учир нь Affinity Designer бүх үндсэн ажлыг гүйцэтгэдэг. Жишээлбэл, зургийг хайчилж, өнгө, гэрэлтүүлгийг тохируулахын тулд та Affinity Photo-г нээх шаардлагагүй; растер зурагтай ажиллах бүх үндсэн функцууд Affinity Designer-д байдаг (арын дэвсгэрийг хайчилж, өнгө тохируулах, гэрэл гэгээ гэх мэт), гэхдээ танд өөр зүйл хэрэгтэй бол (хэлбэрийг өөрчлөх, Liquify хэрэгслийг ашиглах, өнгөний нарийн тохируулга хийх, нүүр засах гэх мэт) тийм ээ, та Affinity Photoгүйгээр хийх боломжгүй. Гэрэл зурагтай ажиллахад хэрэгтэй бүх зүйл энд байна.

Зураг

Зах зээл дээрх харьцангуй шинэ бүтээгдэхүүн. Figma нь концепцийн хувьд Sketch-тэй маш төстэй бөгөөд энэ нь програм, вэб сайт үүсгэх UI/UX дээр төвлөрсөн боловч үүлэн болон багтай хамтран ажиллахад илүү анхаардаг.

Үүний утга нь програмистууд болон дизайнерууд нэг вэбсайтын цонхонд бодит цаг хугацаанд хамтран ажиллах боломжтой юм. Энэ нь олон дизайнер, хөгжүүлэгчидтэй томоохон компаниудад маш тохиромжтой хэрэгсэл юм. Хувилбарын хяналт байдаг бөгөөд та зохион байгуулалтын талаар сэтгэгдэл үлдээх, зохион байгуулалтыг засах болон бусад олон зүйлийг хийх боломжтой.

Хөтөлбөрийн сул тал нь маш тодорхой "хөдөлгүүр"-тэй байдаг. Програмын бүдүүлэг интерфэйс надад үнэхээр таалагддаггүй. Гэхдээ та үүнтэй бүрэн амьдарч чадна.

Юу сонгох вэ?

Би үүнийг даруй худалдаж авахыг зөвлөж байна Affinity DesignerТэгээд Ойр дотны зурагдизайнтай ажиллахад: дүрс, чимэглэл, график. Бид вэб дизайн болон түүнтэй холбоотой бүх зүйлийг голчлон сонирхож байгаа тул Affinity Designer-аас суралцаж эхлээрэй.

Хөтөлбөрийг зурагтай ажиллахад тохиромжтой эсэхийг шалгахын тулд би залхуурсангүй, вектороор VHS соронзон хальс зурж, хэдхэн цагийн дотор дуусгасан. Энэ нь маш тохиромжтой, ажиллахад хялбар байсан.

Affinity Designer/Photo- дүрс, чимэглэл, баннер, SMM захиалга, төрөл бүрийн хэвлэх загвар болон бусад бүх зүйлийг боловсруулахад тохиромжтой. Би зөвлөж байна!

Апп дизайн хийх тухайд би сурахыг зөвлөж байна Ноорогэсвэл Зураг.

Үнэнийг хэлэхэд, та вэб хөгжүүлэлтийн талаар хичнээн бүтээлч, мэдлэгтэй байсан ч хэрэв танд тохирох хэрэгсэл, нөөц байхгүй бол та хамгийн сайн хуудасны дизайныг бүтээх боломжгүй хэвээр байх болно. Мэдээжийн хэрэг, та янз бүрийн үйлчилгээнүүдийн үйлчилгээг худалдаж авах боломжтой, гэхдээ тэдний төлбөртэй "ах" нараас муугүй үнэ төлбөргүй аналоги байвал яах вэ? Та үнэ төлбөргүй байдаг эдгээр үйлчилгээний талаар мэдэхгүй байж магадгүй юм.

Вэб дизайнеруудад зориулсан өөр нэг сонголтын талаар тусад нь мэдэгдэхийг хүсч байна, гэхдээ энэ нь вектор зурагтай илүү холбоотой юм.

Тиймээс вэб дизайнерт зориулсан 5 бүлгийн үйлчилгээний сонголтыг энд оруулав.

Вэб дизайнеруудад зориулсан 16 үнэгүй эх сурвалж

Эдгээр нөөцийн тусламжтайгаар та орчин үеийн, үзэсгэлэнтэй төдийгүй аль болох тохь тухтай байхын тулд өөрийн өвөрмөц загварыг бий болгож, бий болгох боломжтой болно.

Дараах сайтууд нь энэ чиглэлээр хамгийн шилдэг нь юм.

• 1 Freebbble - хэрэв танд загвараа бүтээхэд илүү их үнэ төлбөргүй байх шаардлагатай бол энэ үйлчилгээг үзээрэй. Эндээс та үнэ төлбөргүй татаж авах боломжтой олон гайхалтай дизайны шийдлүүдийг олох болно.
• 2 AllFreeStock бол үнэгүй зураг, загвар, видео, дууны эффект, дүрс бүхий гайхалтай үйлчилгээ юм. Мөн сайт нь өөрөө ашиглахад маш хялбар юм.
• 3 Dribbble - хайлтанд "freebie" гэж оруулаад та энэ үйлчилгээнд байгаа бүх үнэгүй зүйлсийн жагсаалтыг олох бөгөөд та тус бүрийг татаж авах боломжтой.
• 4 График бургер - өндөр чанартай дизайн.
• 5 Pixel Buddha бол мэргэжлийн дизайнеруудад зориулсан вэбсайт юм. Төлбөртэй материалууд байдаг.
• 6 Freebiesbug - хэрэв та дизайнаа боловсруулахдаа хамгийн сүүлийн үеийн PSD загварууд болон шинэ бүтээгдэхүүнүүдийг ашиглахыг хүсвэл энэ сайтад зочлохоо мартуузай.
• 7,365 PSD - PSD файлуудын том цуглуулга.
• 8 Dbf - энэ үйлчилгээ нь Dribble үйлчилгээ болон Behance үйлчилгээний шилдэг үнэгүй боломжуудыг хослуулсан.
• 9 Marvel бол хамтран ажиллагсад болон үйлчлүүлэгчдийнхээ дунд нэр хүндтэй дизайнеруудын үнэ төлбөргүй материал юм.
• 10 UI Space - гар хийцийн материал.
• Pixeden-ийн 11 үнэгүй хэсэг - Дээд зэрэглэлийн контентыг эндээс олж болно.
• 12 Бүтээлч зах зээлийн үнэгүй хэсэг- Даваа гараг бүр шинэ үнэгүй.
• 13 Teehan+Lax бол iPhone 6, iPad болон iOS8 GUI-д зориулсан шилдэг загвар юм.
• 14 Tech&All - PSD загваруудын том цуглуулга бөгөөд та ямар ч нэмэлт хариуцлага хүлээхгүйгээр ашиглаж болно.
• 15 Freepik - Үнэгүй график нөөц.
• 16 Tethr бол iOS-д зориулсан хамгийн гайхалтай загвар юм.

19 онлайн палитр

Дараах онлайн өнгө тохируулах үйлчилгээний ачаар та өөрийн зураг, фонт, ерөнхий загварт тохирсон өнгө сонгох боломжтой.

• 1 Материалын палитр нь материалын дизайны өнгө үүсгэх, экспортлоход хэрэгтэй хэрэгсэл юм.
• 2 Шинэ Flat UI Өнгө сонгогч - Хэрэв та орчин үеийн Хавтгай хэв маягаар загвар хийвэл энэ үйлчилгээг заавал ашиглах хэрэгтэй. Хавтгай дизайны үзэл баримтлалыг үл харгалзан өнгө нь таны вэбсайтыг илүү сэтгэл татам болгоно.
• 3 Flat UI Colors нь Flat-тай ажилладаг дизайнерын зэвсэглэлд байх ёстой өөр нэг үйлчилгээ юм.
• 4 Coolors бол дизайнеруудад зориулсан гайхалтай үйлчилгээ бөгөөд энэ нь танд вэбсайтынхаа өнгөт схемүүдийг авахаас гадна үүнийг маш хурдан хийх боломжийг олгодог.
• 5 Skala Color нь OS X-д зориулсан өнгө тохируулах, тодорхойлох үнэгүй програм хангамж юм.
• 6 Couleurs бол Mac хэрэглэгчдэд зориулсан дэлгэцийн дэлгэцэн дээр өнгөөр ​​ажиллах өөр нэг програм юм.
• 7 Материалын UI өнгө - таны сонголтод тохирсон олон төрлийн өнгө.
• 8 өнгөлөг градиент - төсөлдөө ашиглах боломжтой бэлэн градиентуудын том цуглуулга.
• 9 Adaptive Backgrounds нь зургийн зонхилох дэвсгэр өнгийг автоматаар ойлгож, ижил өнгөтэй дэвсгэр блок хийдэг jQuery залгаас юм.
• 10 брэндийн өнгө - эндээс та хамгийн алдартай брэндүүдийн хэрэглэдэг өнгийг олох болно.
• 11 Палеттон - энэ үйлчилгээ нь таны вэбсайтын өнгөний схемийг сонгоход маш хялбар болгоно.
• 12 0-ээс 255 хүртэл - энэ үйлчилгээг ашиглан өнгөний схем хайх, өөрчлөх нь илүү хялбар байдаг.
• 13 Color Lovers бол дизайнерууд өөрсдийн бүтээлээ хуваалцдаг жижиг нийгэмлэг юм. Мөн та өөрийн өнгөний схем эсвэл хээг үүсгэж, хийсэн бүтээлээ нийтлэх боломжтой.
• 14 Adobe Color CC - Кулер нийгэмлэгт бий болсон өнгөт схемүүд.
• 15 Bootflat - Хэрэв та Flat дизайнтай вэбсайтуудтай ажилладаг бол энэ үйлчилгээг туршиж үзэх хэрэгтэй.
• 16 Hex Colorrrs - HEX-ээс RGB формат руу хөрвүүлэх.
• 17 UI өнгө авах - энэ үйлчилгээг ашигласнаар та хэрэглэгчийн интерфэйсийн гайхалтай өнгийг авах болно.
• 18 Coleure бол өнгө сонгоход тохиромжтой хэрэгсэл юм.
• 19 Chrome-д зориулсан палитр - Google Chrome хөтчийн энэхүү залгаас нь өнгөт схемийг үүсгэх боломжийг танд олгоно. Мөн зурагнаас шууд зураг авах боломжтой.

Урам зориг олох 17 сайт

Ихэнх тохиолдолд аливаа төслийн хамгийн том асуудал бол түүнийг эхлүүлэх явдал юм. Магадгүй таны толгойд зарим санаанууд эргэлдэж байх болно. Гэхдээ яаж бүгдийг нь авч хэрэгжүүлэх вэ? Ингэснээр бүх зүйл үнэхээр орчин үеийн, загварлаг харагдаж байна уу? Тиймээс интернет дэх шилдэг дизайны үйлчилгээнүүдийн зарим үзэл баримтлал, санааг яагаад авч болохгүй гэж! Эдгээр үйлчилгээний тусламжтайгаар та ямар ч зүйлд зориулж үнэхээр гайхалтай, орчин үеийн загварыг бие даан бүтээх боломжтой.

• 1 FLTDSGN ​​- Та хавтгай хэв маягаар хийгдсэн вэбсайтуудтай голчлон ажилладаг уу? Дараа нь энэ эх сурвалж танд маш их мэдээлэл өгөх болно, үүний ачаар та байнга санаа авч байх болно.
• 2 Site Inspire - захиалгат вэбсайтуудыг үүсгэж, урам зориг нь дуусч байна уу? Тэгвэл энэ сайт руу ороод үзээрэй.
• 3 UI Cloud нь хэрэглэгчийн интерфейсийн дизайныг цуглуулдаг хамгийн том мэдээллийн сангийн нэг юм. Энэхүү үйлчилгээ нь танд төсөлдөө маш өндөр чанартай UI (хэрэглэгчийн интерфейс) загварыг бий болгож, вэбсайт эсвэл вэб програмыг ашиглахад хялбар болгоход тусална.
• 4 Moodboard - үйлчилгээ нь ижил загвар, өнгө, бусад материалаар тодорхой зургуудаас бүрдэх өөрийн төслийг бий болгох боломжийг олгодог.
• 5 өнгийн харандаа - хэрэв та ямар нэгэн бүтээгдэхүүн, үйлчилгээний хуудасны дизайн дээр ажиллаж байгаа бол энэ үйлчилгээ нь танд энэ чиглэлээр санаа олоход тусална.
• 6 Land-Book бол бүтээлч үйл ажиллагаа юм. Та өөрийн буух хуудсан дээр байрлуулж болох элементүүдийн талаар илүү ихийг мэдэхийн тулд энэ эх сурвалжид зочилно уу.
• 7 Dribbble - туршлагатай дизайнеруудын хувьд энэ эх сурвалж нь маш сайн танил байх болно, гэхдээ эхлэгчдэд энэ нь маш ашигтай байх болно. Энэхүү эх сурвалжийг ашиглан мэргэжлийн дизайнеруудаас дизайныг сур.
• 8 Behance бол мэргэжлийн дизайнерууд өөрсдийн бүтээлээ байршуулдаг маш алдартай эх сурвалж юм.
• 9 Pttrns - энэ үйлчилгээ нь гар утасны төхөөрөмжид зориулсан вэбсайт дизайныг маш их сонирхдог хүмүүст хэрэгтэй. Энд та мэргэжлийн дизайнеруудын хийсэн олон тооны янз бүрийн жишээнүүдийг олох болно.
• 10 Flat UI дизайн - энгийн үгээр хэлбэл энэ бол "урам зориг өгөх самбар" юм.
• 11 Awwwards - энэ төсөл нь хамгийн бүтээлч, хамгийн минималист, хамгийн үзэсгэлэнтэй вэбсайтуудыг байнга шагнадаг. Тиймээс би танд зочилж, вэб дизайны ертөнцөд юу хамгийн их хамааралтай болохыг олж мэдэхийг зөвлөж байна.
• 12 Starter Kit нь вэб дизайнерууд болон вэб хөгжүүлэгчдэд хэрэгтэй хэрэгсэл юм.
• 13 One Page Love - Хэрэв та нэг хуудастай вэбсайт үүсгэж байгаа бол энэ үйлчилгээг ашиглах нь гарцаагүй. Учир нь үүний ачаар та хэрэглэгчдэд таалагдах илүү ээлтэй сайтуудыг бий болгож, ашиглахад аль болох тохиромжтой байх болно.
• 14 UI Parade - хэрэглэгчийн интерфэйсийн элементүүдийн дизайн, энэ эх сурвалжид зочилсны дараа шинэ санаануудыг танд санал болгож байна.
• 15 Шилдэг загвар - вэб дизайны салбарт гарсан шилдэг бүтээн байгуулалтууд.
• 16 Agile дизайнер - Хэрэв та дизайнер эсвэл хөгжүүлэгч бол энэ нь таны шалгах ёстой нөөц юм.
• 17 Niice бол амттай хайлтын систем юм. Учир нь энэ нь хэд хэдэн алдартай дизайны сайтуудаас нэг дор мэдээлэл хайх боломжийг олгодог. Мэдээжийн хэрэг, та хүсэлтээ латин үсгээр бичих ёстой.

38 үнэгүй хувьцааны зураг

Зураг нь дизайны хамгийн чухал элементүүдийн нэг байсаар ирсэн. Харамсалтай нь, олон сайтууд нягтрал муутай эсвэл зүгээр л өвөрмөц бус чанар муутай зургийг ашигладаг. Үнэхээр сайхан дүр төрхийг олохын тулд та түүнд маш их хэмжээний төлбөр төлөх шаардлагатай болно. Гэхдээ зохиогчийн эрхийн асуудалд санаа зовохгүйгээр ашиглах гайхалтай зургуудыг олох боломжийг танд олгодог эх сурвалжууд байдаг. Өөрөөр хэлбэл, та эдгээр зургуудыг чөлөөтэй авч, өөрчилж, өөрийн вэбсайтдаа байрлуулж болно.

Чанартай зургийг үнэ төлбөргүй олохын тулд ашиглаж болох сайтуудын жижиг жагсаалт энд байна:

• 1 Stock Up бол олон янзын зургийг сонгох боломжтой хамгийн шилдэг зургийн нэг юм.
• 2 Pexels - нар жаргах, машин, барилга, хүмүүс, хотын гудамж, байгаль гэх мэт хамгийн шилдэг гэрэл зургууд.
• 3 Бүх үнэгүй хувьцаа - Энэ үйлчилгээ нь зөвхөн зураг төдийгүй дүрс, видеог өгдөг. Бүх зураг Creative Commons Zero лицензийн дагуу лицензлэгдсэн.
• 4 Unsplash - энэ үйлчилгээг олон хүн мэддэг байх. Эндээс та 10 хоног тутамд 10 шинэ зураг татаж авах боломжтой.
• 5 Startup Stock Photos - гарааны бизнест зориулсан зургийн цуглуулга.
• 6 Jay Mantri - Таны хэрэгцээнд нийцсэн гайхалтай өндөр нарийвчлалтай зургууд.
• 7 Moveast бол Португалийн аялагчийн гэрэл зураг бөгөөд өндөр чанартай зураг авч, ашиглахад бүрэн чөлөөтэй болгодог.
• 8 Stokpic - хэрэв дээр дурдсан бүх сайтууд хайлт хийхэд шаардлагатай үр дүнг өгөөгүй бол эндээс шаардлагатай зургийг хайж олоорой.
• 9 Kaboompics - гайхалтай зургуудын том сонголт.
• 10 функц - энэ сайт нь бүхэл бүтэн зургийг санал болгодог.
• 11 MMT - Жеффри Беттсийн гайхалтай интернет зургууд.
• 12 Аялал жуулчлалын кофены ном - энэхүү гэрэл зургийн цуглуулга нь дэлхий даяар аялж байхдаа авсан болно.
• Дизайнерын 13 зураг - Эндээс та өөрийн хувийн хэрэгцээнд болон бизнест зориулсан зургуудыг хялбархан олох боломжтой.
• 14 Death to the Stock Photo - захиалсны дараа энэ үйлчилгээ танд сар бүр үнэ төлбөргүй зураг илгээх болно.
• 15 Foodie's Feed - хүнсний сэдэвтэй вэбсайт дээр ажиллаж байна уу? Дараа нь энэ сайтад зочилно уу. Учир нь тэнд маш олон өндөр чанартай хоолны зураг байдаг. Үзээд л шүлсээ гоожуулмаар байна :)
• 16 Mazwai - арын дэвсгэрт зориулсан видеоны том сонголт.
• 17 Jéshoots - Хэрэв та яг одоо хамгийн сүүлийн үеийн, хамгийн орчин үеийн зургуудыг ашиглахыг хүсч байвал энэ үйлчилгээ нь ийм зургийг олоход тохиромжтой газар юм.
• 18 супер алдартай - эдгээр гэрэл зургуудыг Голландын дизайнер Фолкерт Гортер авсан.
• 19 Picography - Энэ сайт нь танд маш олон тооны өндөр нарийвчлалтай зургуудаас сонгох боломжийг олгодог.
• 20 Splashbase - таны төслүүдэд зориулсан гэрэл зураг, видео материалын цуглуулга.
• 21 Pixabay бол өндөр нарийвчлалтай дүрс бүхий өөр нэг үйлчилгээ юм.
• 22 бяцхан дүрслэл - Та бүртгүүлснээр долоо хоног бүр өндөр нарийвчлалтай 7 зураг авах болно. Энэ нь өдөр бүр шинэ дүр төрх юм!
• 23 Splitshire - үнэгүй "хоолны дуршил" зургууд.
• 24 New Old Stock - Хэрэв танд улсын архиваас хуучин гэрэл зураг хэрэгтэй бол энэ сайт танд тохиромжтой.
• 25 Picjumbo бол зураг олох, татаж авах боломжтой өөр нэг сайт юм.
• 26 Life of Pix - Энэ сайт дээрх бүх зураг бүрэн үнэ төлбөргүй биш ч бүгд маш өндөр нарийвчлалтай.
• 27 Gratisography - Хэрэв та тохирох өндөр нарийвчлалтай зургийг олж чадахгүй бол энэ сайт танд энэ талаар туслах болно.
• 28 Getrefe - таны дизайнд зориулсан илүү үнэгүй зургууд.
• 29 IM Free - Энэ сайт нь үнэхээр том зургийн сонголттой.
• 30 Cupcake бол Jonas Nilsson Lee-ийн бүтээсэн гэрэл зурагчдын диваажин юм.
• 31 The Pattern Library - Хэрэв та өөрийн төслийн загвар хайж байгаа бол энэ сайт танд энэ талаар тусалж чадна.
• 32 Public Domain Archive - энэ үйлчилгээ нь 100% үнэгүй зургийг санал болгодог.
• 33 ISO Бүгд Найрамдах Улс - Энэхүү зураг нь танд өндөр нарийвчлалтай зургийн сонголтыг санал болгож байна.
• 34 Пол Жарвис - энэ сайтаас та дизайны тухай нийтлэл төдийгүй маш өндөр чанартай зургийн цуглуулгуудыг олох болно.
• 35 Lock & Stock Photos - өндөр чанартай зургийн цуглуулга.
• 36 Раумрот - өндөр чанартай өргөн хүрээний зураг.
• 37 Bucketlistly - Аялал жуулчлалын зураг.
• 38 Магделен - өдөр бүр өндөр чанартай шинэ дүр төрх.

Үнэгүй дүрс бүхий 14 үйлчилгээ

Таны мэдэж байгаагаар дүрс нь таны вэбсайтад зочлогчдын анхаарлыг татах гайхалтай арга юм. Энэ нь дизайн боловсруулахдаа тэд таны зэвсгийн нэг хэсэг байх ёстой гэсэн үг юм. Мэдээжийн хэрэг, та өөрийн дүрсийг үүсгэж болно, гэхдээ энэ нь маш их цаг хугацаа шаардах болно. Тиймээс яагаад таны сайтад зориулсан олон тооны дүрсийг санал болгодог тусгай сайтуудыг үнэгүй ашиглаж болохгүй гэж:

• 1 Fontello бол дүрс үүсгэгч вэбсайт юм.
• 2 Хавтгай дүрс - 16000+ вектор дүрс хайх. Эндээс та төслүүдийнхээ шилдэг дүрсүүдийг олох боломжтой.
• Материалын дизайны 3 дүрс - Google-ийн 750 гаруй дүрс.
• 4 Фонт Гайхалтай - энэ бол ямар ч вэб сайт болон .
• 5 Glyphsearch - дүрс бүхий хэд хэдэн мэдээллийн сангаас хайх.
• 6 MakeAppIcon - хэдхэн товшилтоор та өөрийн програмын дүрсийг үүсгэж болно.
• 7 Төгсгөлгүй дүрс - Хэрэв та Хавтгай загварын дизайнтай ажилладаг бол энэ эх сурвалжийг үзэхээ мартуузай.
• 8 Ico Moon бол 4000 гаруй вектор дүрс бүхий дүрс үүсгэгч юм.
• 9 Нэр үгийн төсөл - энэ сайт нь янз бүрийн дизайнеруудын бүтээсэн мянга мянган өөр өөр дүрсүүдийг агуулдаг.
• 10 Perfect Icons бол нийгмийн дүрс үүсгэх үйлчилгээ юм.
• 11 Icon Finder нь энэ сайтын үнэгүй хэсэг юм. Үүнийг судлахаа мартуузай, магадгүй зарим дүрс танд хэрэгтэй байх болно.
• 12 Doodle Set - Doodle загварын үнэгүй дүрсүүдийн багц.
• 13 Flat Set - Хавтгай хэв маягийн үнэгүй дүрсүүдийн багц.
• 14 Icon Sweets - Photoshop-т зориулсан 60 үнэгүй вектор дүрс нь таны вэбсайтыг илүү сонирхолтой болгох болно.

Дүгнэлт

Дээр дурдсан эх сурвалжуудыг ашигласнаар та вэб төслүүддээ үнэхээр сэтгэл татам, бүтээлч загварыг хялбархан бүтээх боломжтой. Тиймээс, энэ үйлчилгээний жагсаалтыг алдахгүйн тулд гарын товчлолыг ашиглан хөтчийнхөө хавчуургад энэ хуудсыг нэмнэ үү. CTRL+D.

Өдөр бүр Интернет дээр дизайнеруудад ашиглахыг санал болгож буй илүү олон програмууд гарч ирдэг. Тэдний дунд ялангуяа олон ажил төлөвлөгчид, сэтгэцийн газрын зураг үүсгэх хэрэгсэл болон бусад загварлаг шинж чанарууд байдаг бөгөөд тэд бараг өдөр бүр гарч ирдэг, гайхалтай мөнгө нэхэж, дараа нь шуналаас болж үхдэг.

Би ийм шинэ бүтээгдэхүүний талаар маш их эргэлздэг бөгөөд шинэ үйлчилгээг судлахын тулд тэдний байгалийн шалгарал, үхэхийг хэсэг хугацаанд хүлээдэг. Энэ нь үнэхээр толгойны өвчин байж болох юм, ялангуяа та дөнгөж эхэлж байгаа бөгөөд яагаад танд энэ эсвэл тэр програм хэрэгтэй байгааг бүрэн ойлгоогүй байгаа бол.

Үнэндээ миний вэб дизайн, график дизайн, даалгаврын зохицуулалт хийхэд ашигладаг програм, үйлчилгээний жагсаалт тийм ч урт биш бөгөөд зүйл бүр нь цаг хугацааны шалгуурыг давсан.

Вэб болон график дизайнерын шилдэг 10 программ:

1. Adobe Photoshop

Хэдийгээр энэ нь вэб дизайн хийхэд хамгийн түрүүнд нээгдэхээс хол байгаа ч хамгийн алдартай нь анхны зүйл байцгаая. Photoshop-ийг интерфэйс болгон ашиглахад хэр удаан ашигласныг бурхан л мэдэх байх, би үүнийг дор хаяж 10 жил ашиглаж байгаа бөгөөд програм улам сайжирч байна. Энэ нь асар олон тооны боломжуудтай боловч вэб дизайнерууд үүнийг интерфэйс зурах, растер график үүсгэх, гэрэл зураг боловсруулахад ашигладаг. График дизайнерууд ойролцоогоор ижил зорилготой.

P.S. Photoshop-ыг вектор программуудаар солих мөчийг би хэдэн жил хүлээсэн. Түүний анхны өрсөлдөгчид нь Sketch, Adobe Illustrator, бага зэрэг Indesign юм. Тэд интерфэйстэй ажиллахад үнэхээр тохиромжтой, гэхдээ асуудал нь эдгээр програмуудтай хэрхэн ажиллахаа мэддэг зохион бүтээгчдийг Орост нэг талаас тоолж болох бөгөөд тэд бүгд томоохон компаниудад ажилладаг. Хэрэв та бие даасан ажилтан бөгөөд таны байршлыг хэн гаргахаа мэдэхгүй байгаа бол Photoshop нь бүх нийтийн бөгөөд хамгийн сайн сонголт хэвээр байна. Магадгүй хэдэн жилийн дараа энэ байдал өөрчлөгдөх байх.

2. Adobe Illustrator

Өмнө дурьдсан Illustrator мэдээж вэб дизайны хэсгийг аль хэдийн авсан. Тухайлбал, бүх вектор графикууд: дүрс, вектор бүтэц, лого, вектор дүрслэлүүд үүнд бүтээгдсэн. Дараа нь ижил програмыг ашиглан тэдгээрийг өргөтгөх боломжтой SVG вэб график руу экспортлодог.

График дизайнерын хувьд зураач бол номер нэг програм юм. Учир нь бүх лого, байгууллагын таних тэмдэг, хуудасны загвар шаарддаггүй энгийн хэвлэмэл материалыг (жишээлбэл нэрийн хуудас гэх мэт) мөн Illustrator дээр бүтээдэг.

Энэ нь мөн үйлчлүүлэгчдэд зориулсан танилцуулга, удирдамжийг агуулдаг.

P.S. Мэдээжийн хэрэг, энэ нь эм биш юм. Хэрэв танд ямар ч текстгүйгээр, зөвхөн гэрэл зургийн хамт сурталчилгааны хуудас хийх даалгавар байгаа бол үүнийг Photoshop дээр зурах нь илүү логик байх болно. Энэ бол растер график юм.

3. Coggle.it

Оюун санааны зураглал хийхэд тохиромжтой хэрэгсэл хайж олохын тулд би хэдэн арван үйлчилгээг туршиж үзсэн. Мэдээжийн хэрэг, надад Mindmeister хамгийн их таалагдсан. Гэхдээ нэг карт үүсгэсний дараа тэр надаас сар бүр төлбөртэй нэлээд үнэтэй захиалга хүссэн бөгөөд би Adobe Creative Cloud багцын төлбөрийг сар бүр төлж, би аль хэдийн шударга хүн байсан тул үнэгүй хэрэгсэл хайж эхэлсэн.

Coggle нь картуудын тоог хязгаарладаггүй бөгөөд тэдгээрийг бусад хэрэглэгчидтэй хуваалцаж, зураг дээр хадгалах боломжтой бөгөөд тэдгээр нь маш сайхан, тохиромжтой харагдаж байна. Гэхдээ тэр яагаад ч юм таны картыг нээлттэй, онолын хувьд хэн ч харж болно гэж шаарддаг.

P.S. Хэрэв та оюун ухааны газрын зураг гэж юу болохыг мэдэхгүй бол энэ нь үзэл баримтлал боловсруулах, сайтын газрын зураг, хэрэглэгчийн хувилбаруудыг боловсруулахад маш тохиромжтой, олон талын хэрэгсэл юм. Эндээс вэб дизайн ихэвчлэн эхэлдэг. Хэзээ нэгэн цагт би энэ аргыг илүү дэлгэрэнгүй тайлбарлах болно.

4. InvisionApp

Прототип хийх маш тохиромжтой хэрэгсэл. Би түүгээр саарал өнгийн загвар бүтээж, бэлэн макетуудыг танилцуулахад хүртэл ашигладаг. Та сайтын бүх бүтцийг нэн даруй боловсруулж, холбоосыг байрлуулаад зогсохгүй наалдамхай цэс гэх мэт тааламжтай жижиг зүйлсийг зохион байгуулж, дэлхийн навигаци хийх боломжтой. Сул тал нь Invision дахин төлбөртэй бөгөөд зөвхөн нэг л үнэ төлбөргүй прототипийг санал болгодог. Хэрэв та 5 төслийг зэрэг удирдахгүй бол энэ нь хангалттай.

Marvel App-ийн бүрэн үнэ төлбөргүй хувилбар байдаг боловч түүний ажиллагаа нь илүү хялбар бөгөөд прототипүүдтэй ажиллахад илүү хэцүү хэвээр байна.

5. Pinterest

Энэ бол дизайнеруудын нарийн хүрээний дунд түгээмэл хэрэглэгддэг онлайн үйлчилгээ юм. Төсөлд зориулсан сэтгэлийн самбар үүсгэж, лавлагаа энд хадгалах нь маш тохиромжтой. Сэтгэл санааны самбарыг хуваалцаж, хамтад нь арчлах боломжтой бөгөөд энэ нөөц нь өөр хаана ч байхгүй дизайны ажлын агуу мэдээллийн сантай.

P.S. Moodboard болон лавлагаа нь үзэл баримтлалыг бий болгох өөр нэг хэрэгсэл боловч харааны хэрэгсэл юм. Ажлын жишээг хайж, тэдгээрээс фонт, өнгө, хэв маягийг багтаасан сэтгэлийн самбарыг бүтээж, тодорхой төсөлд урам зориг өгөх болно.

6. Evernote

Би үнэгүй хувилбарыг ашигладаг, түүний боломжууд хангалттай. Evernote нь товч мэдээлэл, тэмдэглэл, холбоос хадгалах, зохион байгуулагчийг хадгалахад маш тохиромжтой. Энэ нь үндсэндээ тэмдэглэлийн дэвтэр бөгөөд таны хэд хэдэн төхөөрөмжтэй синхрончлогддог, та тэмдэглэл эсвэл тэмдэглэлийн дэвтэр хуваалцах боломжтой. Тэнд олон хүн ажилладаг тул багаар харилцахад маш тохиромжтой.

7. Adobe InDesign

Байнга хэвлэдэггүй болохоор л ийм их доошилсон. гэхдээ ерөнхийдөө энэ нь олон хуудастай бүтээгдэхүүний зохион байгуулалтад зориулсан маш алдартай програм юм. Товхимол, каталог, товхимол, ухуулах хуудас, ном. Хэрэв та хэвлэх чиглэлээр ажиллахыг хүсвэл Photoshop, Illustrator-ийн хамт заавал мэдэж байх ёстой, учир нь... Тэдгээрийн дотор график зурсан хэвээр байгаа боловч текстийг indesign хэлбэрээр бичдэг.

8. Сэлгэх

Дотоод хэрэглээнд зориулсан цаг хэмжигч. Энэ нь дэлгэцээс дэлгэцийн агшинг авч, 3 минут тутамд үйлчлүүлэгч рүү илгээдэг TimeDoctor шиг дэвшилтэт зүйл биш юм. Гэхдээ toggl нь цагийг зөв хуваарилж, анхаарлаа төвлөрүүлж, энэ эсвэл өөр ажилд хэр их цаг зарцуулж байгаагаа тооцоолоход тусална. Түүнтэй нэг жилийн турш ажилласнаар та аливаа төслийг цаг тутамд хялбархан тооцоолж, үүний дагуу зардлыг санамсаргүй байдлаар биш, харин тодорхой төсөлд хэр их хүчин чармайлт шаардагдахыг ойлгох замаар нэрлэх болно.

9. Трелло

10. Adobe Lightroom

Ховор, гэхдээ үүнийг хурдан зураг боловсруулахад ашигладаг. Мэдээжийн хэрэг Photoshop нь Lightroom-ийн бүх боломжуудыг агуулдаг, гэхдээ хэрэв танд төсөлд зориулж хэдэн зуун зураг байгаа бөгөөд тэдгээр нь бүгд түүхий байвал та Lightroom-ээр хурдан ажиллуулж, ноорог зохион байгуулалтанд зориулж маш сайхан зургууд авах боломжтой. .

Үйлчлүүлэгчтэй харилцах шилдэг 5 програм:

Дизайнерын ажлын тал нь үйлчлүүлэгчтэй харилцахаас бүрддэг гэдгийг би чин сэтгэлээсээ хүлээн зөвшөөрч байна. Фрилансерууд болон үйлчлүүлэгчдийн хооронд олон зөрчилдөөн нь хэвийн харилцаа холбоогүйгээс болж үүсдэг, та даалгавраа буруу ойлгож, буруу шийдвэрлэсэн, ихэнх тохиолдолд энэ нь фрилансерийн буруу юм. Тийм ч учраас би бүх төхөөрөмжөө шуурхай мэдэгдлүүдэд зориулж тохируулж, үйлчлүүлэгчид маань ямар ч нөхцөлд байнга холбоотой байхын тулд ашигладаг мессенжерүүдийг суулгадаг.

1. Skype

Мэдээжийн хэрэг, Skype сүүлийн үед улам бүр доройтож, доголон болж байгаа ч гэсэн. Гэхдээ одоог хүртэл ямар ч програм түүнийг орлож чадахгүй. Мөн бүх дуудлага, видео хурал түүгээр явагддаг.

2. Telegram

Телеграм удахгүй үхнэ гэдэгт би итгэж байна. Гэхдээ би үүнд хэтэрхий хатуу ханддаг байж магадгүй, цөөхөн хэдэн үйлчлүүлэгч Telegram-д дурласан бөгөөд мэдээжийн хэрэг би үүнийг суулгах хэрэгтэй болсон.

3. Вконтакте, facebook

Та олон нийтийн мэдээллийн хэрэгслийг үзэн яддаг байсан ч үүнийг ашиглах хэрэгтэй болно. Учир нь таны үйлчлүүлэгчид тэдгээрийг ашигладаг бөгөөд заримдаа харилцаа холбоо түүгээр дамждаг. Хамгийн алдартай нь Facebook бол мэдээжийн хэрэг үүнийг ажлын холбоо барих, сул орон тоонд ашигладаг уламжлалтай. Гэхдээ VKontakte дээр энэ нь хааяа тохиолддог, гэхдээ ийм зүйл тохиолддог. Гэхдээ дашрамд хэлэхэд би ВКонтакте-г сэтгүүл болгон ашигладаг бөгөөд үүнийг хэрэгтэй бүлгүүдэд зориулж тохируулдаг тул урам зориг хайхад маш тохиромжтой байх болно.

4. Мэйл үйлчлүүлэгч

Би зөвхөн албан ёсны байдлаар шуудангаар харилцахыг хичээдэг, өөрөөр хэлбэл. Хэрэв танд баримтат захидал хэрэгтэй бол жилийн дараа тохирох захидлыг олох боломжтой бол томоохон үйлчлүүлэгчидтэй. Тэнд жижиг асуудлаар харилцах нь мэдээжийн хэрэг эвгүй.

5. Viber, WhatsApp

Би эдгээр програмуудыг үзэн яддаг, гэхдээ энэ нь спам болон тэд надад нэг дор хэд хэдэн чухал мэдэгдэл илгээгээгүйтэй холбоотой юм. Би тэдгээрийг устгаад 5 удаа суулгасан =) Одоогоор тэд намайг буцааж тавихыг албадаагүй.

Нэмэлт програмууд:

Мөн шинэ зүйл сурах нь маш чухал юм. Таван жилийн өмнө нэг ч вэб дизайнер ур чадвараа дээшлүүлэхийн тулд 3D загварчлалын чиглэлээр суралцана гэж бодож байгаагүй. Одоо бид 3D-ийг үндэс болгон ашигладаг, заримдаа хөдөлгөөнт дүрс бүхий олон арван сайтуудыг харж байна. График дизайнер, вэб дизайнер хоёрын ажлыг салгахаа больж, ажилдаа хэрэг болох бүх зүйлийг судлахыг хичээсэн нэг шалтгаан нь энэ юм.

1. Adobe After Effect

Би үүнийг хөдөлгөөнт дүрсэнд ашигладаг. Жишээлбэл, дүрсний хөдөлгөөнт дүрс, видео, хөдөлгөөнт вэбсайтын танилцуулга.

2. Adobe Premier

Хааяа би үүнийг засварлахад ашигладаг, ихэвчлэн YouTube-д зориулсан видео эсвэл портфолиодоо зориулж ашигладаг.

3. Cinema 4D

Би үүнд 3D объектууд эсвэл хөдөлгөөнт видео бичлэгүүдтэй ажилладаг. Ерөнхийдөө дизайнерын хувьд маш хэрэгтэй зүйл: энэ програмын тусламжтайгаар та вэб эсвэл корпорацийн таних тэмдэг гэх мэт бүх зүйлд маш хурдан бөгөөд хялбархан гайхалтай үзэсгэлэнтэй зүйлсийг бүтээх боломжтой.