Prototipu izstrāde 5 lietotnes, kas to dara labāk nekā Photoshop
Photoshop ir populārs rīks ar dizaineriem, un tā paplašinājumi, piemēram, CSS3Ps un FontAwesomePS, padara to par labu rīku, lai izveidotu arī web dizaina prototipus. Tomēr, tas nav īsti izveidots šim nolūkam un, tā kā pašreizējās tendences virzās uz priekšu ar atsaucīgu dizainu, CSS priekšprocesoriem, CSS ietvarstruktūrām un neatkarīgu grafiku (SVG), Photoshop kļūst mazāk nozīmīgs tīmekļa dizainam.
Neuztraucieties, lai gan ir daudz alternatīvu lietotņu, ko izveidojuši neatkarīgi izstrādātāji, lai palīdzētu aizpildīt nepilnības. Šajā ziņojumā mēs apskatīsim šīs lietotnes un uzzināsim cik lielā mērā to iezīmes izceļas, salīdzinot ar Photoshop, lai izveidotu web dizaina prototipus.
1. Web plūsma
Webflow ļauj veidot tīmekļa vietnes, izmantojot vilkšanu un nomešanu. Webflow izveido izkārtojumu, kas balstīts uz Bootstrap režģi, lai jūsu vietnes dizains būtu gatavs darbam. Webflow ir arī standarta Web komponentu kopums, piemēram, bloki, saraksti un teksta formatēšana, ko varat pievienot Webflow darbvietai.
Stili var viegli pievienot no sāniem, un jūs varat arī turpmāk pielāgot elementu īpašības. Kad dizains ir pabeigts, dizaina rezultātus var eksportēt kodā HTML un CSS. Jūs varat arī dalīties ar savu darbu ar komandu.
2. Avokods
Avokode atbalsta PSD failus un ļauj nekavējoties rediģēt un pārveidot to par praktiski izmantojamu tīmekļa vietni ar HTML un CSS. Avocode iegūs visus jūsu projektā iekļautos aktīvus, tostarp CSS, attēlus un SVG (ja tādi ir). Jūs varat viegli iegūt CSS, mazākā formā, SASS vai Stylus jebkuram izvēlētajam slānim, jo tas ir integrēts ar CSSHat.
Turklāt Avocode ir aprīkots ar pārskatīšanas kontroli, kas ļauj atgriezties pie iepriekšējiem dizainiem, tikai gadījumā, ja kaut kas noiet greizi.
3. Macaw
Macaw ļauj veidot tīmekļa izkārtojumus un tīmekļa elementus, ja strādājat ar attēlu redaktoru, piemēram, Adobe Photoshop. Varat izveidot kolonnas vai bloku apgabalus, pielāgot to pozicionēšanu un noteikt vajadzīgo tipogrāfiju. Macaw ļauj mainīt vairāku elementu stilu vienā vietā. Jūs varat arī izmantot bibliotēku, lai saglabātu visus elementus vēlākai izmantošanai.
Lai izveidotu atsaucīgu dizainu, Macaw ļauj iestatīt pārtraukuma punktus un optimizēt jūsu vietni visām ierīcēm. Kad projektēšanas process ir pabeigts, Macaw var radīt jums piemērotu HTML un CSS.
4. Skice
Skice ir ideāla saskarņu un tīmekļa vietņu projektēšanai. Tā izveido uz vektoru balstītus objektus, nevis bitmap. Tādējādi, mainot audekla izmēru, jūsu dizains nezaudē kvalitāti. Tādas funkcijas kā “iebūvētais režģis” palīdzēs jums labāk sakārtot objektu vai izvietojumu izvietojumā.
Turklāt skice nodrošina fontus, kas ir līdzīgi tiem, kas parādīti Webkit (domāju, ka Chrome, Opera un Safari). Tātad jums nav jāuztraucas par to, ka attēla teksta rezultāti nav tik asas un precīzi kā oriģinālais teksts, kas parādīts pārlūkprogrammā. Skice var arī eksportēt CSS katram slāņa elementam.
5. Antivīruss
Antetype ir uz vektoru balstīta lietojumprogramma, kas ir vērsta uz vizuālo dizainu, lieliski piemērota interfeisa elementu, piemēram, gradienta, ēnu, iekšējās ēnas, teksta ēnu, robežu stila un noapaļotu stūriem. Antivīruss nodrošina arī simtiem logrīku, kurus varat izmantot tieši savā projektā.
Lai izveidotu atsaucīgu dizainu, varat iestatīt pārtraukuma punktus, kas pielāgos ekrāna izmēru. Varat arī eksportēt katru elementu attēla vai CSS formā.