كيف ترسم تصميمات تطبيق iPhone الخاصة بك؟ [مغلق

StackOverflow https://stackoverflow.com/questions/2525246

  •  22-09-2019
  •  | 
  •  

سؤال

كيف ترسم تصميمات تطبيق iPhone الخاصة بك؟ أنا حاليًا على وشك بدء مشروعي التالي وأرغب في إيجاد طريقة للحصول على أفكاري على الشاشة بدلاً من ورقة الطراز القديم الجيد.

هل كانت مفيدة؟

المحلول

بلساميك لديه أداة ممتازة للقيام بتنسيق من تصميمات الواجهة. لديهم أيضا بعض مكونات iPhone. هناك عرض تجريبي عبر الإنترنت بدأت في استخدامه (بعد رؤية الإجابة على سؤال آخر) وقد استمتعت حقًا بالتجربة حتى الآن.

نصائح أخرى

في المرحلة الأولى ، لا شيء سوف يتغلب على الورق. مهما كانت الأداة التي تستخدمها ستكون (نأمل) أكثر دقة ، بالتأكيد. لكنك تتداول الوقت لتلك الدقة ، وفي المرحلة الأولى من تصميم واجهة المستخدم ، تحتاج إلى سرعة أكثر من الدقة.

أقوم بتصميمي مع عدد قليل من أقلام الرصاص على بطاقات الفهرس. عندما أكون راضيًا ، سأذهب في الاتجاه الصحيح ، أقوم بتسجيل البطاقة إلى مسطرة واستخدم كاميرا IMAC لالتقاط صورة لهم. ثم أقوم بتحويله إلى B&W وأقوم بسطوع/تباين بسيط لمحاولة جعلهم يبدو جيدًا قدر الإمكان ، ولدي شيء معقول للتخزين رقميًا.

إن الشيء العظيم في هذا الأمر هو أنه يمكنني رسم بطاقة خشنة في وقت أكثر بكثير مما يتطلب الأمر أن ينفتح إذا كان محرك أجهزة الوقت قد ذهب إلى النوم. :) يمكنني أن أفعل لطيف بطاقة في وقت أكثر بقليل. وإذا كنت أرغب في أي وقت مضى شيئًا أجمل ، فيمكنني تعديل المسح أو استخدامه كإجراء تتبع في برنامج آخر.

(وأرمي البطاقات في أكياس Ziplock by Project.)

Mockapp تبدو رائعة!

omnigraffle. (( http://www.omnigroup.com/products/omnigraffle/ ) عندما يقترن مع مختلف الإستنسل iPhone مثل: (( http://graffletopia.com/stersion/413 و http://graffletopia.com/search/iphone ) ، Omnigraffle يجعل مجموعة أدوات رائعة.

شكرا للجميع على ردود سريعة!

بعد اختبار كل من Balsamiq و Mockapp ، توصلت إلى استنتاج مفاده أن Mockapp يعطيني بالضبط الشيء الذي أريده لتصميم تطبيقاتي حيث يمكنك أن ترى بالضبط كيف سيبدو وساحة من نوع عنصر واجهة المستخدم. أيضًا مع استخدام الكلمة الرئيسية أو PowerPoint ، يمكنك الذهاب إلى مرحلة أبعد من ذلك وربط جميع الأزرار لأعلى لإنشاء عرض تجريبي فعال لأفكارك إذا كنت قد طلبت تقديم مثل هذا الشيء ، على الرغم من أن هذا يستغرق وقتًا طويلاً ، وبالنسبة لنفسي أنا لا تتطلب هذا ، ولكن من الجيد معرفة أنه هناك!

يعد Balsamiq أداة أسرع وأسهل قليلاً ولكن لديها مكونات واجهة مستخدم أقل من الأسهم ، وتعطي نظرة سطحية على التصميم الذي يبدو رائعًا إذا أردت إنشاء صور لوحة قصة سريعة لفكرة التطبيق الخاصة بك ولكن لتصميم التصميم الفعلي يخلق أكثر واقعية بكثير المظهر الذي أعتقد أنه أفضل. أيضا تكلف Balsamiq 79 دولارًا إذا كنت تريد أكثر من العرض التوضيحي فقط.

السبب في أنني سأختار Mockapp على جميع الحلول الأخرى هو أنني أفترض أن أكثر ما لديهم بالفعل PowerPoint أو Keynote على جهاز الكمبيوتر الخاص بهم مقارنةً بـ Photoshop أو الألعاب النارية ، على الرغم من أنني متأكد إذا كان لديك هذه التطبيقات على جهاز الكمبيوتر الخاص بك ، فقد يكون من الأفضل ذلك استخدم تلك. كما أن Mockapp مجاني / تويت ، انظر موقع Mockapp لمزيد من التفاصيل.

أتمنى أن يساعدك هذا

دان

ملاحظة: لم أحاول بعد أن أجرب Omnigraffle ، وهذا التالي في قائمتي!

أنا أتطور Wireframesketcher أداة السلك التي تتيح لك إنشاء Mockups iPhone باستخدام استنسل خارجي. يمكنك أيضًا ربط الشاشات معًا لمحاكاة التفاعل.

iPhone Mockups

أستخدم قوالب Photoshop هذه من Teehan و Lax ...

http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/

alt text

أو للحصول على قائمة كاملة من الإستنسل iPhone و iPad: http://emilychang.com/2010/03/ipad-templates-and-stencils/

alt text
(مصدر: emilychang.com)

أقوم فقط بإنشاء تصميماتي في ألعاب Adobe النارية باستخدام مجموعة أدوات Mockup هذه: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/

omnigraffle يعمل بشكل جيد

أقوم أيضًا بإنشاء تصميمي في ألعاب Adobe النارية باستخدام مجموعات أدوات Mockups التي يمكنك العثور عليها في كل مكان. إذا كنت من محبي الألعاب النارية ، فيجب عليك حقًا إلقاء نظرة على امتداد للألعاب النارية اللطيفة للغاية والذي يتيح لك معاينة تطبيقك المصمم في جهاز محاكاة iPhone يعتمد على الهواء. تم تصميم تأثيرات الانتقال التي هي العلامة التجارية للجهاز المحمول أيضًا في الامتداد ويمكن تطبيقها على التصميمات.

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1786031#

إذا كنت على دراية بالفعل بألعاب نارية ، فستحب هذا التمديد.

أفضل

روب راين ملخصات أمر رائع لسخرية تجربة المستخدم. يمكنك تشغيل ملخصاتك على الهاتف.

البرامج جذابة ، لكنك ستنتهي في نهاية المطاف قضاء المزيد من الوقت في اللعب بالألوان ونقل الأشياء بدلاً من تخفيض التصميم/الوظائف. ما تحتاجه هو السرعة. مع السرعة ، يمكنك الانتقال إلى البرمجة عاجلاً وليس آجلاً. سأعترف إذا كنت تريد في النهاية مشاركة التصميم مع شخص آخر Mockapp ربما خيار جيد.

إليك ما تحتاجه: (حسب ترتيب التفضيل)

http://technabob.com/blog/2009/09/28/notepod-paper-iphone-notepads/

أو

http://appsketchbook.com/

أو

http://thenextweb.com/2009/05/21/designing-iphone-software-bencil-wooden-forms-ink-brush/

البرنامج مفيد وقد يكون أكثر كفاءة ولكن في بعض الأحيان يكون الابتعاد عن الشاشة وسيلة جيدة لزيادة التركيز على التصميم بدلاً من التنفيذ. ولا شيء يرسم الكثير من "بارد!" تعليقات كسترني iPhone من الفولاذ المقاوم للصدأ:

عمولة التصميم قالب واجهة مستخدم لجنة الفولاذ المقاوم للصدأ

لا أستخدم صورة الطباعة التي توفرها ولكن جعلت بلدي مع التقاط شاشة الفلفل المنخفض من المحاكاة.

أود أن أقول Mockapp أو omnigraffle في الوقت الحالي.

لا تفوت هذا على رمز أقل: http://lesscode.co.nz/interface

يتيح لك التصميم مباشرة على iPhone مع المكونات الأصلية iOS.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top