10 ເຄື່ອງມືອອກແບບເວັບ ໃໝ່ ສຳ ລັບເດືອນເມສາ 2018

ກະວີ: Monica Porter
ວັນທີຂອງການສ້າງ: 17 ດົນໆ 2021
ວັນທີປັບປຸງ: 17 ເດືອນພຶດສະພາ 2024
Anonim
10 ເຄື່ອງມືອອກແບບເວັບ ໃໝ່ ສຳ ລັບເດືອນເມສາ 2018 - Creative
10 ເຄື່ອງມືອອກແບບເວັບ ໃໝ່ ສຳ ລັບເດືອນເມສາ 2018 - Creative

ເນື້ອຫາ

ຫົວຂໍ້ຂອງການຮອບວຽນຂອງພວກເຮົາໃນເດືອນນີ້ແມ່ນຄວາມໄວແລະປະສິດທິພາບ: ສອງສາມຢ່າງນີ້ ເຄື່ອງມືອອກແບບເວັບ ຈະເຮັດສິ່ງທີ່ ໜ້າ ຕື່ນຕາຕື່ນໃຈ ສຳ ລັບຂະບວນການເຮັດວຽກຂອງທ່ານໂດຍການຕັດອອກ ໜ້າ ວຽກທີ່ ໜ້າ ເບື່ອ, ເຊິ່ງບໍ່ມີຫຍັງກ່ຽວຂ້ອງກັບການອອກແບບ. ເອົາ Stackswell - ມັນອັດຕະໂນມັດສ່ວນທີ່ ໜ້າ ເບື່ອຫນ່າຍຂອງການອອກແບບທີ່ຕອບສະ ໜອງ ໃນ Sketch. ເຄື່ອງມືຂອງພວກເຮົາອີກອັນ ໜຶ່ງ ແມ່ນເລັ່ງໃຫ້ສິ່ງຂອງທ່ານຂື້ນໂດຍການສະກັດເອົາແລະຈັດຊັບສິນທັງ ໝົດ ຈາກເອກະສານ .sketch.

ນອກ ເໜືອ ຈາກນັ້ນ, ມັນມີຜະລິດຕະພັນໃບເກັບເງິນ ໃໝ່ ທີ່ເຢັນຈາກ Stripe, ເຄື່ອງມືສ້າງເຄືອຂ່າຍທີ່ດີ ສຳ ລັບການສ້າງສັນໂດຍ Tina Roth Eisenberg ແລະເຄື່ອງມືທີ່ດີໃນການວັດແທກສິ່ງຕ່າງໆໃນ ໜ້າ ຈໍຂອງທ່ານເປັນ pixels.

01. ລະບົບອອກແບບ Repo

ຖ້າທ່ານໄດ້ຮັບ ໜ້າ ທີ່ໃນການເຮັດວຽກບາງສ່ວນຂອງສ່ວນປະກອບ ສຳ ລັບລະບົບການອອກແບບຂອງອົງກອນຂອງທ່ານ, ຫຼືອາດຈະກໍ່ສ້າງຫຼື ກຳ ນົດລະບົບຂອງມັນເອງ, ທ່ານຕ້ອງການເລັ່ງກັບຊັບພະຍາກອນລ້າສຸດໃນຫົວຂໍ້.


ສຳ ລັບສິ່ງນີ້, Design Systems Repo ແມ່ນເພື່ອນຂອງທ່ານ. ມັນແມ່ນການສະສົມປື້ມ, ບົດຄວາມ, ການໂອ້ລົມ, ເວບໄຊທ໌, ເຄື່ອງມື, ລະບົບການອອກແບບ, ຫໍສະມຸດຮູບແບບແລະຄູ່ມືແບບທີ່ທ່ານສາມາດ ນຳ ໃຊ້ເພື່ອໃຫ້ມີຄວາມເຂົ້າໃຈກ່ຽວກັບວິທີການຂອງອົງການຈັດຕັ້ງຂັ້ນເທິງແລະຜູ້ ນຳ ທີ່ຄິດທີ່ ກຳ ລັງເຮັດ.

02. PixelSnap

PixelSnap ແມ່ນແອັບ app ທີ່ ໜ້າ ເກງຂາມຫຼາຍເຊິ່ງເຮັດໃຫ້ວັດແທກສິ່ງຕ່າງໆໃນ ໜ້າ ຈໍຂອງທ່ານໄດ້ຫຼາຍ, ໜ້ອຍ ຫຼາຍ. ວາງຕົວກະພິບຂອງທ່ານລະຫວ່າງສອງອົງປະກອບເຊັ່ນ: ຮູບພາບແລະຫົວຂໍ້, ແລະມັນຈະບອກທ່ານເຖິງ ຈຳ ນວນພິກະເຊນລະຫວ່າງພວກມັນໂດຍອັດຕະໂນມັດ. ແຕ້ມຮູບສີ່ຫລ່ຽມປະມານອົງປະກອບແລະມັນ snaps ປະມານມັນແລະບອກທ່ານຂະຫນາດຂອງມັນ. ແມ່ນແລ້ວ. ທ່ານສາມາດວັດແທກສິ່ງຕ່າງໆໄດ້ໄວ.

ກວດເບິ່ງວິດີໂອໃນ ໜ້າ ທຳ ອິດເພື່ອໃຫ້ໄດ້ຄວາມຄິດ. ແອັບມີລາຄາຢູ່ທີ່ $ 15, ແລະຂໍ້ບົກຜ່ອງພຽງແຕ່ມັນສາມາດໃຊ້ໄດ້ເປັນ Mac app ດຽວນີ້. ແຕ່ຖ້າທ່ານເປັນຜູ້ໃຊ້ Mac, ມັນແມ່ນສິ່ງທີ່ດີເລີດ.


03. Sketch.The.Ripper

ການສົ່ງອອກແລະການກະກຽມຊັບສິນຈາກ Sketch ໄປມອບໃຫ້ກັບທີມງານອື່ນສາມາດເປັນການດຶງຕົວທີ່ແທ້ຈິງ, ດັ່ງນັ້ນຄວາມຄາດຫວັງຂອງເຄື່ອງມືທີ່ເຮັດມັນ ສຳ ລັບທ່ານດ້ວຍການກົດເທື່ອດຽວກໍ່ ໜ້າ ຕື່ນເຕັ້ນຫຼາຍ. Sketch.The.Ripper ສະກັດແລະຈັດຕັ້ງ ໜ້າ ຈໍຄັດລອກແລະຮູບພາບ raster ຈາກຮູບແຕ້ມທັງ ໝົດ ໃນເອກະສານ .sketch, ແລະ ນຳ ສະ ເໜີ ມັນໃນແບບທີ່ສະດວກ. ທ່ານສາມາດເບິ່ງຕົວຢ່າງຂອງຜົນໄດ້ຮັບຈາກໄຟລ໌ທີ່ລອກຢູ່ບ່ອນນີ້.

ເຄື່ອງມືນີ້ແມ່ນອີງໃສ່ເວບໄຊທ໌ດັ່ງນັ້ນມັນເຮັດວຽກຢູ່ໃນ OS ໃດໆ, ເຊິ່ງສາມາດເອົາຄວາມແຕກແຍກບາງຢ່າງອອກຈາກກະແສການເຮັດວຽກຂອງທ່ານຖ້າຄົນໃຊ້ລະບົບຕ່າງໆ. ມັນຖືກສ້າງຂື້ນໂດຍ Icons8, ແລະທ່ານສາມາດອ່ານເພີ່ມເຕີມກ່ຽວກັບມັນໄດ້ທີ່ນີ້.

04. Stackswell

Stackswell ເລັ່ງຂະບວນການອອກແບບທີ່ຕອບສະ ໜອງ ຂອງທ່ານໂດຍການ ນຳ ເອົາແບບສອບຖາມຂອງສື່ຕ່າງໆເຂົ້າໃນ Sketch, ແລະອັດຕະໂນມັດຂັ້ນຕອນການປັບປຸງຮູບແບບແລະສັນຍາລັກຂອງປະເພດ ສຳ ລັບແຕ່ລະຈຸດ ສຳ ຄັນ. ແທນທີ່ຈະເຮັດວຽກນີ້ດ້ວຍຕົນເອງ, ເມື່ອທ່ານປັບຄວາມກວ້າງຂອງ artboard ຮູບແບບຈະປັບປຸງໂດຍອັດຕະໂນມັດ.


Stackswell ຍັງເຮັດໃຫ້ທ່ານຮູ້ຈັກວຽກທີ່ຕ້ອງໄດ້ກວດເບິ່ງສະຖານທີ່ຕັ້ງຂອງທ່ານ ສຳ ລັບແຕ່ລະຈຸດຢຸດ, ສະນັ້ນທ່ານຈະໄດ້ຮັບສະຖານທີ່ທີ່ສອດຄ່ອງກັບຄວາມຫຍຸ້ງຍາກ ໜ້ອຍ ທີ່ສຸດ. ທ່ານສາມາດອ່ານເພີ່ມເຕີມກ່ຽວກັບມັນໃນບົດຄວາມນີ້.

05. ຕົວອັກສອນຕົວແປ

ຕົວອັກສອນທີ່ມີຕົວປ່ຽນແປງເຮັດໃຫ້ທ່ານສາມາດ ນຳ ໃຊ້ນ້ ຳ ໜັກ ຕົວອັກສອນແລະຄວາມກວ້າງທີ່ແຕກຕ່າງກັນໂດຍບໍ່ ຈຳ ເປັນຕ້ອງປະກອບເອກະສານແຍກຕ່າງຫາກ ສຳ ລັບແຕ່ລະທ່ານ: ທ່ານປະກອບເອກະສານ ໜຶ່ງ ເອກະສານແລ້ວດັດແປງຕົວອັກສອນໂດຍໃຊ້ CSS. ມັນເປັນສະຖານະການທີ່ດີເພາະວ່າມັນຊ່ວຍໃຫ້ທ່ານສາມາດໃຊ້ typography ໄດ້ຜົນດີທີ່ສຸດໃນການອອກແບບຂອງທ່ານ, ໂດຍບໍ່ ຈຳ ເປັນຕ້ອງເພີ່ມນ້ ຳ ໜັກ ໜ້າ ຂອງທ່ານ.

ຕົວອັກສອນທີ່ບໍ່ປ່ຽນແປງທັງ ໝົດ ແມ່ນເທົ່າກັນ; ບາງຄົນແມ່ນປ່ຽນແປງໄດ້ຫຼາຍກ່ວາຄົນອື່ນ. ເຄື່ອງມືນີ້ຊ່ວຍໃຫ້ທ່ານຊອກຫາຕົວອັກສອນທີ່ແຕກຕ່າງກັນແລະທົດລອງກັບພວກເຂົາເພື່ອເບິ່ງວ່າມັນ ເໝາະ ສົມກັບຄວາມຕ້ອງການຂອງທ່ານຫຼືບໍ່. ສຳ ລັບຂໍ້ມູນເພີ່ມເຕີມກ່ຽວກັບຕົວອັກສອນທີ່ມີຕົວແປແລະເພື່ອໃຫ້ໄດ້ຄວາມຄິດກ່ຽວກັບສິ່ງທີ່ສາມາດປະສົບຜົນ ສຳ ເລັດໄດ້, ລອງ ນຳ ໃຊ້ແບບສາທິດນີ້.

06. ໃບບິນເກັບເງິນ

ຜະລິດຕະພັນໃບເກັບເງິນ ໃໝ່ ຂອງ Stripe ສຳ ລັບທຸລະກິດ online ສະ ເໜີ ວິທີການທີສາມ ສຳ ລັບບໍລິສັດທີ່ພິຈາລະນາເຖິງຄວາມຫຍຸ້ງຍາກໃນການກໍ່ສ້າງຫຼືຊື້ລະບົບເກັບເງິນ. Stripe Billing API ເຊື່ອມໂຍງເຂົ້າກັບເວັບໄຊທ໌ທີ່ມີຢູ່ໄດ້ງ່າຍແລະຊ່ວຍໃຫ້ທ່ານສາມາດ ນຳ ໃຊ້ຕຶກອາຄານເພື່ອສ້າງລະບົບທີ່ມີຄວາມຍືດຍຸ່ນ ເໝາະ ສົມກັບຄວາມຕ້ອງການຂອງທ່ານ.

ເມື່ອລະບົບຂອງທ່ານຖືກຕັ້ງຄ່າ, ທຸກສິ່ງທຸກຢ່າງຖືກຈັດການຈາກ dashboard ບ່ອນທີ່ທ່ານສາມາດເກັບໄວ້ເປັນອັນດັບ ໜຶ່ງ ຂອງການສະ ໝັກ, ໃບເກັບເງິນແລະລາຍງານການເງິນ. ທ່ານຍັງໄດ້ຮັບຄຸນລັກສະນະທີ່ມີປະສິດທິພາບເຊັ່ນ: ລະບົບການຈ່າຍເງິນທົ່ວໂລກຂອງ Stripe, ເຊິ່ງຈັດການກັບສະກຸນເງິນແລະບັດເຄຼດິດທີ່ແຕກຕ່າງກັນ, ແລະສ່ວນປະກອບການເອີ້ນເກັບເງິນທີ່ມີຄວາມຍືດຫຍຸ່ນທີ່ຊ່ວຍໃຫ້ທ່ານທົດລອງປະຕິບັດລາຄາ.

07. CreativeGuild

CreativeGuild ແມ່ນການ ໝູນ ວຽນຂອງ CreativeMornings, ຊຸດການບັນຍາຍລາຍເດືອນໂດຍບໍ່ເສຍຄ່າສ້າງຕັ້ງຂຶ້ນໂດຍ Tina Roth Eisenberg ໃນ Brooklyn ໜຶ່ງ ທົດສະວັດທີ່ຜ່ານມາ. ແນວຄວາມຄິດດັ່ງກ່າວແມ່ນໄດ້ຮັບຜົນກະທົບແລະມີບົດຂຽນ CreativeMornings ໃນທົ່ວ 185 ເມືອງທົ່ວໂລກ, ແຕ່ລະຊຸມຊົນມີຊຸມຊົນທີ່ມີຊີວິດຊີວາທີ່ມີຄວາມຕື່ນເຕັ້ນແລະສ້າງແຮງບັນດານໃຈໃຫ້ສະມາຊິກ.

CreativeGuild ມີຈຸດປະສົງເພື່ອ ນຳ ສະ ເໜີ ບາງສ່ວນຂອງຊຸມຊົນທາງອິນເຕີເນັດເພື່ອໃຫ້ປະຊາຊົນສາມາດເຂົ້າເຖິງໄດ້ຫຼາຍຂຶ້ນ. ທ່ານສາມາດຄິດວ່າມັນຄ້າຍຄືກັບ LinkedIn, ແຕ່ ສຳ ລັບຄວາມຄິດສ້າງສັນ. ມີປື້ມຄູ່ມືຂອງບໍລິສັດທີ່ສ້າງສັນ, ບຸກຄົນແລະວຽກ, ແລະທ່ານສາມາດຄົ້ນຫາຕາມສະຖານທີ່ເພື່ອຊອກຫາໂອກາດໃນເມືອງຂອງທ່ານ.

08. Mobbin

Mobbin ແມ່ນຫ້ອງສະແດງຂອງການອອກແບບແອັບ mobile ມືຖືທີ່ທ່ານສາມາດ ນຳ ໃຊ້ເພື່ອໃຫ້ໄດ້ແນວຄວາມຄິດ ສຳ ລັບໂຄງການຂອງທ່ານເອງ - ແທນທີ່ຈະຕິດຕັ້ງແອັບ lots ຫຼາຍໆທ່ານສາມາດຄົ້ນຫາຢູ່ບ່ອນດຽວເພື່ອເບິ່ງວ່າຄົນອື່ນ ກຳ ລັງແກ້ໄຂບັນຫາການອອກແບບແນວໃດ. ຫົກ ໜ້າ ຈໍ ສຳ ລັບແຕ່ລະແອັບຈະຖືກສະແດງເພື່ອໃຫ້ທ່ານໄດ້ຮັບຄວາມຄິດກ່ຽວກັບການເດີນທາງຂອງຜູ້ໃຊ້ແລະຮູບແບບການອອກແບບ ສຳ ລັບແຕ່ລະແອັບ. ມັນຍັງມີແຖບຂ້າງທີ່ສະແດງລາຍຊື່ວຽກ.

09. HueSnap

ທ່ານບໍ່ເຄີຍຮູ້ເວລາທີ່ການດົນໃຈຈະເກີດຂື້ນ; ບາງທີເຄື່ອງຕົກແຕ່ງຂອງໂຮງແຮມຫລືແສງສະຫວ່າງໃນສວນສາທາລະນະກໍ່ຈະຮູ້ສຶກຄືກັບສີທີ່ ເໝາະ ສົມ ສຳ ລັບວຽກຂອງທ່ານ. ຖ້າສິ່ງນັ້ນເກີດຂື້ນ, ທ່ານສາມາດຖ່າຍຮູບແລະໃຊ້ HueSnap ເພື່ອສະກັດສີຈາກຮູບແລະເຮັດໃຫ້ພວກເຂົາກາຍເປັນ palette.

ແອັບ is ມີຈຸດປະສົງໃນການ ນຳ ໃຊ້ມືຖືເພື່ອເຮັດວຽກໄດ້ດີທີ່ສຸດໃນໂທລະສັບຂອງທ່ານ, ແລະທ່ານສາມາດປະຫຍັດແລະແບ່ງປັນຝາຂອງທ່ານກັບຄົນອື່ນ. ມັນມີຄຸນລັກສະນະຕ່າງໆທີ່ຈະຊ່ວຍທ່ານປັບປຸງແກ້ໄຂຮູບແບບ, ເຊັ່ນວ່າຕົວເລືອກຕ່າງໆທີ່ຈະເລືອກສີທີ່ສົມບູນແລະປະສົມ. palettes ຂອງທ່ານສາມາດມີສີໄດ້ເຖິງຫົກສີ.

ສຳ ລັບລາຍລະອຽດເພີ່ມເຕີມ, ໃຫ້ເບິ່ງທີ່ຮູບຊົງຮອບຂອງພວກເຮົາກ່ຽວກັບເຄື່ອງມືສີທີ່ດີທີ່ສຸດ ສຳ ລັບນັກອອກແບບເວັບ.

10. ພະຍາດໄຂ່ຫຼັງ

ໃຜກໍ່ຕາມທີ່ລວບລວມເອົາ gradients ທີ່ສວຍງາມນີ້ມີສາຍຕາສີສັນແລະຄວາມຕະຫຼົກທີ່ ໜ້າ ສົນໃຈ. ແຕ່ລະສີ gradient ຖືກສະແດງຢູ່ໃນພາຊະນະທີ່ເປັນຮູບໄຂ່ແລະຕັ້ງຊື່ທີ່ອາດຈະບໍ່ກ່ຽວຂ້ອງກັບສີໃນບາງທາງ. ຖ້າມີຄວາມ ສຳ ພັນ, ພວກເຮົາບໍ່ສາມາດ ກຳ ນົດມັນໄດ້.

ຊື່ຕົວຢ່າງລວມມີ 'ການເຂົ້າເມືອງທີ່ປະສົບຜົນ ສຳ ເລັດ' ສຳ ລັບສີຟ້າ, 'Wozniak's Broken Heart' ສຳ ລັບສີຟ້າຈືດແລະ 'Merciful Enemy' ສຳ ລັບການປ່ຽນສີເຫຼືອງຫາສີຂຽວ.

ໄດ້ຮັບປີ້ຂອງທ່ານເພື່ອສ້າງ New York

ເຫດການອອກແບບ ນຳ ໜ້າ ເວັບ ສ້າງນິວຢອກ ແມ່ນກັບຄືນໄປບ່ອນ. ມີຂຶ້ນໃນລະຫວ່າງວັນທີ 25-27 ເມສານີ້, ຜູ້ເວົ້າລວມມີ Dan Mall SuperFriendly's, ທີ່ປຶກສາເວັບໄຊທ໌ສັດ Val Head, ນັກພັດທະນາ JavaScript ເຕັມຮູບແບບ Wes Bos ແລະອື່ນໆ. ມັນຍັງມີມື້ຈັດງານ ສຳ ມະນາແລະໂອກາດທາງເຄືອຂ່າຍທີ່ດີທີ່ສຸດ - ຢ່າລືມ. ໄດ້ຮັບປີ້ທົ່ວໄປຂອງທ່ານແລ້ວ.

ສິ່ງພິມທີ່ນິຍົມ
Adobe ເປີດຕົວປາກກາແລະໄມ້ບັນທັດດິຈິຕອນ ໃໝ່
ຍິ່ງໄປກວ່ານັ້ນ

Adobe ເປີດຕົວປາກກາແລະໄມ້ບັນທັດດິຈິຕອນ ໃໝ່

ມັນເປັນທີ່ຮູ້ຈັກໃນທົ່ວໂລກ ສຳ ລັບໂປແກຼມໂປແກຼມໂປແກຼມຂອງມັນ. ແຕ່ປະຈຸບັນ Adobe ໄດ້ຜະລິດຄັ້ງ ທຳ ອິດເຂົ້າໃນຮາດແວໂດຍມີການ ນຳ ສະ ເໜີ ຜະລິດຕະພັນ ໃໝ່ ສອງຢ່າງພາຍໃຕ້ປ້າຍໂຄສະນາ 'Creative Hardware'.ປາກກາແລະ...
iPad Pro vs iPad Air: ແທັບເລັດ Apple ໃດທີ່ ເໝາະ ສົມກັບທ່ານ?
ຍິ່ງໄປກວ່ານັ້ນ

iPad Pro vs iPad Air: ແທັບເລັດ Apple ໃດທີ່ ເໝາະ ສົມກັບທ່ານ?

ການຕັດສິນໃຈເລືອກລະຫວ່າງ iPad Pro v iPad Air ໝາຍ ຄວາມວ່າທ່ານອາດຈະຊອກຫາ iPad ໃໝ່ ສຳ ລັບວຽກ - ເຫຼົ່ານີ້ແມ່ນຕົວເລືອກແທັບເລັດທີ່ມີປະສິດທິພາບສູງສຸດຂອງ Apple, ຫຼັງຈາກທີ່ທັງ ໝົດ, ມີຂະ ໜາດ ໜ້າ ຈໍໃຫຍ່ທີ່ສຸດ.iPa...
ສະບັບ 176 ຂອງ 3D ໂລກອອກດຽວນີ້
ຍິ່ງໄປກວ່ານັ້ນ

ສະບັບ 176 ຂອງ 3D ໂລກອອກດຽວນີ້

ເນື້ອໃນ ສຳ ລັບສະບັບລ້າສຸດຂອງ 3D ໂລກ (167). 8 ຊົ່ວໂມງຂອງຄຳ ແນະ ນຳ ວິດີໂອລວມທັງ FIVE HOUR ຂອງ Digital-Tutor 3d Max training! ຈຸດສຸມເກມ dev; ສ້າງຜົມແລະຜ້າດ້ວຍ Maya; ເສີມຂະຫຍາຍສະຖານະພາບຂອງ Vue ດ້ວຍ ZBru h...