ເນື້ອຫາ
- 01. ທົດລອງໃຊ້ Skala Preview
- 02. ລະເບີດຜ່ານມັນດ້ວຍ DevRocket
- 03. ຮູບສັນຍາລັກອອກແບບເປັນຮູບສີ່ຫຼ່ຽມມົນ
- 04. ໃຊ້ແມ່ແບບການອອກແບບໄອຄອນ Apple
- 05. ອອກແບບ ສຳ ລັບ iPhone 4 ແລະປັບຂະ ໜາດ
- 06. ຈື່ ຈຳ pixels ຂອງທ່ານ
- 07. K.I.S.
- 08. ປະເພດແບບເຄື່ອນໄຫວ
- 09. ແຖບສະຖານະພາບ iOS 7
ການອອກແບບ ສຳ ລັບ iOS ສະ ເໝີ ຕົ້ນສະ ເໝີ ປາຍສິ່ງທ້າທາຍໂດຍສະເພາະທີ່ຜູ້ອອກແບບຕ້ອງໄດ້ປະເຊີນກັບ. ໃນຂະນະທີ່ iOS ລຸ້ນກ່ອນ ໜ້າ ນີ້ໄດ້ສຸມໃສ່ການເບິ່ງແລະຄວາມຮູ້ສຶກທີ່ແປກປະຫຼາດ, ຄວາມງາມແບບຮາບພຽງ 7 ຂອງລະບົບ iOS 7 ທີ່ມີຊື່ສຽງຮຽກຮ້ອງໃຫ້ມີວິທີການທີ່ແຕກຕ່າງກັນແລະແອັບ iPhone iPhone ທີ່ດີທີ່ສຸດກໍ່ຕ້ອງປັບຕົວເຂົ້າກັບມັນ.
ດ້ວຍສິ່ງທີ່ເບິ່ງຄືວ່າອຸດສາຫະ ກຳ ທັງ ໝົດ ກ້າວໄປສູ່ແນວໂນ້ມການອອກແບບແບບຮາບພຽງ, ມັນບໍ່ແປກໃຈເລີຍເມື່ອທີມອອກແບບຂອງ Jony Ive ຢູ່ Apple ນຳ iOS ໃນທິດທາງນີ້ໃນປີກາຍນີ້. ປະຈຸບັນກາຟິກມີຄວາມກ້າຫານ, ມີສີສັນແລະມີຄວາມເອົາໃຈໃສ່ຕໍ່ ໜ້າ ທີ່ຫຼາຍກວ່າແບບຟອມ. ສະນັ້ນເຖິງແມ່ນວ່າທ່ານໄດ້ຮູ້ວິທີການສ້າງແອັບ already ແລ້ວ, ໃຫ້ເອົາໃຈໃສ່ກັບ ຄຳ ແນະ ນຳ ແລະເຕັກນິກເຫລົ່ານີ້ ສຳ ລັບການອອກແບບ iOS 7 ທີ່ກຽມພ້ອມໃນ Photoshop.
01. ທົດລອງໃຊ້ Skala Preview
Skala Preview ແມ່ນເຄື່ອງມືທີ່ມີປະໂຫຍດສູງ ສຳ ລັບນັກອອກແບບ app ທັງ ໝົດ. ມັນຊ່ວຍໃຫ້ທ່ານສາມາດເບິ່ງການອອກແບບຂອງທ່ານ - ແບບພິກະເຊນ - ເລີດແລະສີທີ່ສົມບູນແບບ - ຢູ່ເທິງ ໜ້າ ຈໍຂອງອຸປະກອນທີ່ເຊື່ອມໂຍງຂອງທ່ານ, ກົງຈາກ Photoshop. ມັນ ກຳ ຈັດການຄາດເດົາແລະປະຫຍັດເວລາຫຼາຍ.
02. ລະເບີດຜ່ານມັນດ້ວຍ DevRocket
DevRocket ແມ່ນອີກໂປແກຼມ Photoshop ທີ່ ເໝາະ ສຳ ລັບນັກອອກແບບ iOS.ກັບມັນ, ທ່ານສາມາດສ້າງແມ່ແບບໃນທັງສອງແນວທາງ, ປ່ຽນລະຫວ່າງ Retina ແລະມາດຕະຖານໃນ Photoshop, ແລະເຖິງແມ່ນວ່າຈະສົ່ງອອກໃນທັງສອງມະຕິ. ທີ່ ຈຳ ເປັນ.
03. ຮູບສັນຍາລັກອອກແບບເປັນຮູບສີ່ຫຼ່ຽມມົນ
ທ່ານອາດຄິດວ່າຍ້ອນວ່າໄອຄອນຂອງແອັບ appear ປະກົດມີມຸມມົນຢູ່ໃນ iPhone ຂອງທ່ານ, ນັ້ນແມ່ນວິທີທີ່ທ່ານຕ້ອງການອອກແບບມັນ. ບໍ່ດັ່ງນັ້ນ. ຄຳ ນຶງເຖິງພື້ນທີ່ທີ່ເບິ່ງເຫັນແລ້ວ ຄຳ ນຶງເຖິງໃນ Photoshop ເປັນ ຄຳ ແນະ ນຳ ກ່ຽວກັບການອອກແບບ. ສົ່ງຮູບສີ່ຫລ່ຽມມົນໄປທີ່ App Store ແລະໃຫ້ Apple ເຮັດສ່ວນທີ່ເຫຼືອ.
04. ໃຊ້ແມ່ແບບການອອກແບບໄອຄອນ Apple
ມີຫລາຍແມ່ແບບທີ່ຈະຊ່ວຍໃຫ້ທ່ານອອກແບບໄອຄອນທີ່ເຮັດວຽກກັບຕາຂ່າຍໄຟຟ້າການຈັດຮູບແບບ Apple ໃໝ່ (ຊອກຫາທີ່ນີ້ຟຣີ). ເຫຼົ່ານີ້ແມ່ນດີເລີດຍ້ອນວ່າພວກເຂົາຊ່ວຍໃຫ້ທ່ານສາມາດສ້າງໄອຄອນຫຼາຍຮູບແບບໂດຍພຽງແຕ່ຕິດຮູບພາບໃສ່ ໜ້າ ກາກຊັ້ນທີ່ຖືກ ກຳ ນົດໄວ້ແລ້ວ.
05. ອອກແບບ ສຳ ລັບ iPhone 4 ແລະປັບຂະ ໜາດ
ຖ້າທ່ານບໍ່ມີເວລາທີ່ຈະສ້າງ UI bespoke ສຳ ລັບ iPhone 4 ແລະ 5, ອອກແບບ ສຳ ລັບ ໜ້າ ຈໍຂະ ໜາດ ນ້ອຍກວ່າຂອງ iPhone 4 ແລະຂະ ໜາດ ມັນຂື້ນ. ຖ້າທ່ານມີເວລາ, ວາງພື້ນທີ່ພິເສດຂອງ iPhone 5 ໃຫ້ໃຊ້ໄດ້ດີແລະໃຫ້ແອັບ - ຂອງທ່ານ - ແລະ ໜ້າ ທີ່ຫຼັກຂອງມັນ - ມີລົມຫາຍໃຈ.
06. ຈື່ ຈຳ pixels ຂອງທ່ານ
ການອອກແບບ ສຳ ລັບຈໍສະແດງຜົນ Retina ໝາຍ ຄວາມວ່າເຮັດວຽກໄດ້ດ້ວຍຄວາມລະອຽດສອງຢ່າງ - ຂະ ໜາດ ປົກກະຕິ, ແລະສອງເທົ່າຂອງຂະ ໜາດ ເດີມ ສຳ ລັບ Retina. ເພື່ອຫລີກລ້ຽງແຄມທີ່ບໍ່ຄຶກຄື້ນເມື່ອການອອກແບບຂອງທ່ານຖືກປັບຂະ ໜາດ, ໃຫ້ຮັກສາສັດສ່ວນຂອງຮູບພາບໃຫ້ດີຂື້ນ (ບໍ່ເປັນ ໜ້າ ແປກ) ແລະກົດປຸ່ມ Checkbox Snap to Pixel ໃນ Photoshop.
07. K.I.S.
ຢ່າຕົກໃຈກັບ gradients, bezels ແລະ shadows, ເພາະວ່າມັນບໍ່ ເໝາະ ກັບຄວາມຮູ້ສຶກທີ່ງ່າຍດາຍແລະສົດໃສກວ່າໃນ iOS 7. ຖ້າທ່ານຕ້ອງການໃຫ້ແອັບ your ຂອງທ່ານເບິ່ງຢູ່ເຮືອນ, ອະນຸຍາດໃຫ້ມີພື້ນທີ່ສີຂາວແລະຊີ້ ນຳ ຢ່າງຈະແຈ້ງກ່ຽວກັບວິທີການທີ່ບໍ່ຄ່ອຍເຊື່ອງ່າຍໆໃນການອອກແບບແປ.
08. ປະເພດແບບເຄື່ອນໄຫວ
ຂໍ້ຄວາມໃນ iOS 7 ສາມາດຖືກປັບຂະ ໜາດ ແບບເຄື່ອນໄຫວໃຫ້ ເໝາະ ສົມກັບຄວາມຕ້ອງການຂອງຜູ້ໃຊ້. Apple ໄດ້ເອົາໃຈໃສ່ກັບຕົວອັກສອນຂອງລະບົບເພື່ອຮັບປະກັນຄວາມຄ່ອງຕົວ - ຖ້າທ່ານເລືອກຕົວອັກສອນທີ່ ກຳ ຫນົດເອງ, ໃຫ້ພິຈາລະນາຄືກັນ. ໃນຂະນະທີ່ປຸ່ມທີ່ບໍ່ມີຊາຍແດນແມ່ນມີຄວາມນິຍົມໃນປັດຈຸບັນ, ໃຊ້ສີຂໍ້ຄວາມເພື່ອ ໝາຍ ຄວາມວ່າອົງປະກອບໃດທີ່ມີການໂຕ້ຕອບ.
09. ແຖບສະຖານະພາບ iOS 7
ດ້ວຍຄວາມເອົາໃຈໃສ່ ໃໝ່ ໃນການເຮັດວຽກຫຼາຍກວ່າເຄື່ອງປະດັບ, ນັກອອກແບບຄວນເຮັດໃຫ້ເນື້ອຫາສາມາດບັນລຸຄວາມກວ້າງແລະລວງກວ້າງທັງ ໝົດ ຂອງ ໜ້າ ຈໍ. ຕົວຢ່າງທີ່ດີຂອງຕົວຢ່າງນີ້ແມ່ນແອັບ Weather ສະພາບອາກາດຂອງ Apple. ເມກເລື່ອນລອຍຢູ່ຫລັງແຖບສະຖານະພາບ, ການ ນຳ ໃຊ້ຊັບສິນເຕັມຮູບແບບເຕັມຈໍ.
ຄຳ ເວົ້າ: Dave Brown ແລະ Vicky Roberts
ການສະ ໝັກ ເປັນສະຕູດິໂອທີ່ສ້າງສັນທາງມືຖືແລະດີຈິຕອນ. ຜູ້ກໍ່ຕັ້ງແລະຜູ້ ອຳ ນວຍການບໍລິຫານ Dave ເຮັດວຽກກັບ PR ແລະຜູ້ຊ່ຽວຊານດ້ານການສື່ສານ Vicky ກ່ຽວກັບໂຄງການຕ່າງໆ ສຳ ລັບລູກຄ້າລວມທັງ Unilever ແລະ BBC. ບົດຂຽນນີ້ມີຢູ່ໃນ ໜັງ ສືສິລະປະຄອມພິວເຕີສະບັບທີ 225.