الرموز:كيف يمكن للمطور الذي لا يملك أي مهارة في التصميم أن يجعل أيقونات تطبيقاته تبدو جميلة؟[مغلق]

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

  •  08-06-2019
  •  | 
  •  

سؤال

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

كيف تتغلبون على هذه المشكلة (أنا متأكد من أنها شائعة)؟أفكر في أشياء مثل الصور الموجودة على الأزرار وربما الأهم من ذلك كله، رمز التطبيق الفعلي.

هل تعتمد على مصممي الطرف الثالث، داخل أو خارج المنزل؟أو هل تعرف بعض مواقع الويب المخفية التي تقدم الكثير من الرموز التي يمكننا استخدامها؟لقد جربت Google ولكن يبدو أنني وجدت إما حزمًا باهظة الثمن ومحددة للغاية، أو ملايين من أيقونات Star Trek أو أيقونات تبدو سيئة للغاية بمقاس 16 × 16 وهو الحجم المفضل لدي على الأزرار الموجودة داخل التطبيق.

أي مساعدة / نصيحة موضع تقدير.

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

المحلول

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

أعتقد أن الحل الأفضل لك هو شراء/العثور على مجموعة من الرموز لاستخدامها في مشاريعك.

مجموعة الأيقونات الحريرية هي مجموعة جيدة ومجانية ويمكن العثور عليها على فامفامفام.هناك أكثر من 1000 أيقونة في هذه المجموعة، وهي تحظى بشعبية كبيرة.

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

إليك بعض مصممي الأيقونات الذين صادفتهم عبر الويب:

نصائح أخرى

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

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

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

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

أخيرًا، إذا لم تتمكن من الوصول إلى مصمم، فما عليك سوى الحفاظ على المظهر نظيفًا وبسيطًا للغاية، لأنه من المحتمل أنك لا تستطيع تصميم تصميم جيد المظهر (بما أنك لست فنانًا).

تعجبني أيقونات الحرير المجانية في famfamfam، لكنها بصيغة png، وعندما أقوم بتحويلها إلى تنسيق ico، فإنها تبدو سيئة للغاية.لست متأكدا من الخطأ الذي أفعله ...

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

أعتقد أن هناك مبادئ معينة يمكنك اتباعها والتي يمكن أن تحسن طلبك بشكل كبير.

على مستوى عال وهذا يشمل:

  • تحديد أهم 3 حالات استخدام لديك
  • قياس وتقليل عدد النقرات اللازمة للوصول إلى أعلى حالات الاستخدام
  • ارسم، ونموذجًا أوليًا، وتخلص منه، وتحدى نفسك للقيام بذلك بموارد أقل

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

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

هذه هي روابط الأيقونات التي وجدتها منذ فترة، وأعتقد أنها لم تنشر بعد:

يبدو هذا مثيرًا للاهتمام أيضًا: أوبينكليب آرت ولكن يبدو أن الويب الخاص بهم لا يقدم معاينات سريعة (الصور المصغرة)

لدينا مصمم داخلي يقوم بتنفيذ أعمالنا، على الرغم من أننا نستخدم أيضًا مصممين مستقلين.

يمكنك محاولة بدء مسابقة تصميم على 99 تصاميم?

هناك أيضًا بعض مجموعات الأيقونات المجانية المتاحة، مثل هذه.

إذا بحثت في Google، فستجد أيضًا عددًا لا بأس به من مجموعات الأيقونات المتاحة تجاريًا والتي يمكنك استخدامها (على الرغم من أنه من الواضح أن أيًا من خيارات مجموعة الأيقونات لن يمنحك رمزًا خاصًا بتطبيقك!).

امل ان يساعد!

لدي زوجين أحبهما حقًا:

جليفكس و أيقونات ناقلات السيولة.

تعد تلك الموجودة في Liquidicity مفيدة بشكل خاص لـ WPF أو Silverlight، حيث يمكنك إنشاء واجهة تبدو رائعة حتى عند تكبيرها.

تعجبني أيقونات الحرير المجانية في famfamfam، لكنها بصيغة png، وعندما أقوم بتحويلها إلى تنسيق ico، فإنها تبدو سيئة للغاية.لست متأكدا من الخطأ الذي أفعله ...

يبدو أنك تقوم بإزالة قناة ألفا.يجب عليك التأكد من تحميلها بتنسيق 32 بت ARGB PNGs قبل تحويلها إلى أيقونات.

لقد صادفت IconBuffet عند تسجيل نسختي من Visual Studio Express.لديهم بعض الرموز الرائعة التي يمكنك استخدامها في تطبيقاتك.

لتطوير التطبيقات، بدأت أيضًا اللعب باستخدام واجهات WPF في .Net، والتي ستكون متاحة قريبًا على Mono أيضًا.مع القدرة على استخدام صور الويب والصور في تطبيقات Windows، حتى لا يستطيع المبدعون تطوير بعض الواجهات الرائعة.

بالنسبة لتخطيطات مواقع الويب، أستخدم مواقع مثل OSWD للتصميمات والتخطيطات المجانية.

أوصي بـ IconFactory أيضًا.أو على وجه الدقة: http://stockicons.com/ هناك الكثير من مجموعات الأيقونات بأسعار معقولة وأعتقد أن شراء مجموعة احترافية هو أفضل خيار لديك إذا لم تكن مصمم رسومات بنفسك.

إذا كنت تحتاج إلى رمز واحد فقط، فربما يكون من المفيد الاستعانة بمصمم رسومات.

ولكن لماذا تعتقد أنك بحاجة إلى إنشاء أيقونات لجعل واجهاتك تبدو جيدة؟الواجهات التي تعتمد على الأيقونات هي لعنة واجهة المستخدم هذه الأيام.انظر إلى لقطة شاشة لـ Komodo IDE أو Eclipse على سبيل المثال.هذه واجهات مصممة بشكل سيء للغاية.من المستحيل معرفة ما تفعله الأزرار حتى تقوم بالتمرير فوقها والحصول على تلميح الأداة.أقترح عليك استخدام النص ما لم يكن هناك رمز يمثل المفهوم بشكل أفضل، وليس الشعور بالحاجة إلى تمثيل كل فكرة بشكل مرئي.

أعتقد أن الأمر يعتمد على السياق الذي تقوم بتطوير واجهة المستخدم له - هل لديك الكثير من المستخدمين الذين لا يتحدثون الإنجليزية كلغة أولى؟هل هو للاستخدام العرضي أم لمستخدمي الطاقة لاستخدامه كل يوم؟هل هو موقع على شبكة الإنترنت؟هل هو تطبيق سطح المكتب؟

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

أعتقد أنه قد يكون من المثير للاهتمام أن نذكر أن Axialis قد أصدرت للتو نسخة من Icon Studio الخاصة بها لـ Visual Studio 2008 مجانًا.سيتم تثبيته فقط إذا تم تثبيت VS 2008 Pro أو TFS وتم توصيله مباشرة بشريط أدوات VS.

لقد أحببت دائمًا اختيارات الأيقونات في VirtualLNK.لديهم عدد لا بأس به من حزم الأيقونات التي تتمتع بمظهر عصري وبسعر معقول.

جرب هذا الموقع www.iconsreview.com, ، فهي تقدم مراجعات لمجموعة متنوعة من حزم الأيقونات، سواء مجانًا أو للشراء.

www.iconshock.com يحتوي على أكثر من 400000 أيقونة ويمكنك شراء المجموعة بأكملها مقابل حوالي 400 دولار.

وبدلاً من ذلك، هناك عدد من المواقع التي تقدم أيقونات مجانية، فقط تأكد من التحقق من الترخيص.

انتهى بي الأمر بالحصول على 20 دولارًا أمريكيًا (الحد الأدنى للمبلغ) من Vectorstock - لديهم الكثير من الصور المتجهة والأيقونات والأشياء المشابهة للاختيار من بينها، والبيع مقابل رصيد واحد (1 دولار).

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

أوه نعم، وكما هو الحال مع هذا الموقع، فإن إبقائه بسيطًا هو الأفضل دائمًا!

أحاول أن أبقي طلباتي بسيطة للغاية.يمكن أن تكون البساطة وسهولة الاستخدام تصميمًا جيدًا في حد ذاته إذا تم القيام به بذكاء.

خذ جميع الأزرار الخاصة بـ Stackoverflow على سبيل المثال.لا ينبغي أن يكون من الصعب جدًا تنفيذ شيء مماثل في تطبيقك الخاص.إنهم بسيطون وينجزون المهمة.

حاول أن تهدف إلى النظافة والبساطة أولاً، ثم تقلق بشأن العناصر الجمالية.

كيف يمكن للمصمم الذي لا يملك مهارات البرمجة أن يكتب البرمجيات؟

يحصلون على مبرمج للقيام بذلك.

الغش واستخدام الصور!

أواجه صعوبة في هذا الأمر، وما أميل إلى فعله الآن هو العثور على صور للأشياء ولكن على خلفية بيضاء عادية.يمكن جعل الخلفية شفافة.ثم أستخدم هذا أداة التحويل لتحويل ملف PNG إلى .ico.عند التصدير قم بتضمين جميع درجات الدقة التي يصل حجمها إلى 512 بكسل للحصول على نتائج جيدة.

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