لماذا تؤثر الصياغة في ملف SVG؟
كل شعار وأيقونة وملصق وشارة يصنعها الاستوديو تُرسم أولًا ثم تُتتبّع إلى مسارات فيكتور، شكل واحد لكل مساحة لون مسطح. الرسم المكوّن من أشكال قليلة عريضة ومسطحة يُتتبّع إلى مسارات قليلة ونظيفة. أما التظليل والملمس والتدرجات فتُتتبّع إلى مئات الشظايا. لذا فأنفع ما يفعله الوصف هو أن يطلب تصميمًا مسطحًا من الأساس. تعليمات الاستوديو نفسها تطلب ذلك، ويجب ألا تُفسد كلماتك هذا الطلب.
ماذا يجب أن يقول وصف الشعار؟
ثلاثة أشياء، في جملة واحدة: ما يُظهره، ولمن هو، والألوان.
ورقة سرخس تتحول إلى سهم صاعد، لتطبيق ادخار اسمه "Fernvault"، بلون كحلي داكن وذهبي دافئ
- فكرة واحدة. «ورقة هي سهم في الوقت نفسه» شعار. أما «ورقة وعملة ورسم بياني ودرع ومفتاح» فزحام.
- أسماء ملموسة. «الثقة» و«النمو» لا يمكن رسمهما. أما «يدان» و«برعم» و«سهم صاعد» فيمكن.
- الاسم بين علامتي اقتباس ("...")، أو في حقل الاسم، فقط إذا كان يجب أن يكتبه الشعار. اختر شريحة شعار نصي إذا كان الاسم هو الشعار (أنماط الشعارات).
كيف أصف مجموعة أيقونات؟
اكتب الأيقونات كشرائح (أشياء، لا أفعال): كوب قهوة، كرواسون، دبوس خريطة، بطاقة ولاء. ثم صِف النمط مرة واحدة، في مربع النمط. يدخل هذا الوصف في كل أيقونة، وهذا ما يُبقي المجموعة متناسقة.
الأيقونات في أدلتنا مجموعة واحدة صُنعت بهذه الطريقة: اثنتا عشرة شريحة، ونمط «ألوان مسطحة»، وزوايا مستديرة، والألوان #0061fc و#0a2d8f و#ef6e50، وكلمات النمط «أيقونات رسوم توضيحية حديثة ونظيفة للمنتجات، أشكال بسيطة عريضة، تعبئات مسطحة، بلا حدود خارجية، بلا تدرجات».
كلمات النمط الجيدة تتحدث عن الرسم، لا عن المزاج: «أطراف مستديرة»، «خطوط سميكة متساوية»، «زوايا حادة»، «بلا حدود خارجية»، «أشكال ممتلئة»، «ألوان ملصقات ريترو من السبعينيات». وتجنّب الكلمات التي تضيف تفاصيل لا تستطيع الأيقونة حملها بحجم 24 بكسل: «واقعي»، «معقّد»، «ثلاثي الأبعاد»، «تظليل مفصّل». وحافظ على مستوى تفاصيل واحد عبر القائمة. فـ«نقطة» بجانب «أفق مدينة» تبدو غير متوازنة مهما كان النمط.
كيف أصف الملصقات والشارات؟
- الملصقات: للشخصية، صِف من هي مرة واحدة وبدقة: النوع أو الشيء، وشكل الجسم، ولونان أو ثلاثة، وتفصيل واحد («قطة برتقالية مستديرة ممتلئة ببطن كريمي وخدود وردية»). ثم اكتب التعابير، مع التعليق بين علامتي اقتباس:
يلوّح "Hi!". اجعل التعليقات كلمتين أو ثلاثًا. كل حرف يُرسم، لذا تحقّق من الإملاء قبل الإرسال. - الشارات: يوضع اسم الإنجاز في الأعلى، وقاعدة قصيرة أو الكلمات نفسها في الأسفل. كلمتان أو ثلاث تناسب انحناء حلقة الشارة أفضل بكثير من جملة. وصِف الصورة في المنتصف كشيء واحد بسيط: «حذاء جري»، «جبل عليه علم».
ما الذي يجب أن أستبعده؟
| تجنّب | السبب | اطلب بدلًا منه |
|---|---|---|
| التدرجات، «متوهج»، «لامع» | تتحول إلى خطوط من ألوان مسطحة | درجتين مسطحتين |
| الإضاءة الفوتوغرافية، الظلال، «واقعي» | تُتتبّع إلى شظايا كثيرة | «مسطح»، «أشكال مصمتة» |
| الملمس الدقيق، «غرنج»، «ألوان مائية» | تُتتبّع إلى نقاط متناثرة | حافة نظيفة، أو ملمس يُضاف لاحقًا في المحرر |
| نص صغير جدًا، عبارات تعريفية داخل الرمز | غير مقروءة بالأحجام الصغيرة | الاسم بجانب الرمز، مكتوبًا بخط |
| أكثر من ثلاثة ألوان | مجموعات أقل صفاءً، ومسارات أكثر | حتى ثلاثة ألوان، بأسمائها أو بقيم hex |
كيف أصلح ما يعود إليّ؟
غيّر شيئًا واحدًا في كل مرة. إذا كانت المجموعة قريبة مما تريد، فاستخدم جولة وأعِد أيقونات مفردة مع ملاحظة قصيرة («أبسط، حصيرة ملفوفة بسيطة») بدلًا من البدء من جديد. وإذا كان الشعار قريبًا، فحسّنه بالكلمات («اجعل حرف R أعرض»). وإذا كان الخطأ في لون واحد أو شكل شارد فقط، فافتح ملف SVG في محرر SVG، فهذا أسرع من جولة أخرى. وعندما يحتوي ملف SVG على مسارات أكثر بكثير من الأشكال الموجودة في الرسم، فهذا يعني أن الرسم لم يكن مسطحًا بما يكفي: اطلب «تعبئات مسطحة، بلا تظليل» وارسم مرة أخرى.