٥٠ نصيحة فريدة من نوعها ستساعدك كمصمم جرافيك في التنسيق والالوان والخطوط والتأثير

[rss]

http://up.dev-point.com/uploads1/06971bd4d9da1.png

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


*نقدم لكم ٥٠ نصيحة فريدة من نوعها ستساعدكم في رواية قصتكم بصرياً



1- استخدم خيار التباعد بين الحروف و مساحات السطور لضبط النص وجعله يتناسب مع صفحتك

http://blog.tasmeemme.com/266/1443559656-1-use-letter-spacing-and-line-height-to-make-your-text-fit-your-page.png




2- المحارف المتناقضة تشكل ثنائيا رائعا

http://blog.tasmeemme.com/266/1443559657-2.-with-their-strong-contrast-league-gothic-and-yellowtail-are-a-great-duo.jpg




3- موقع النص مهم جدا، تأكد من فصل النص إلى سطور بحيث يساعد موقع السطور في قراءة النص كما ينبغي أن يقرأ

http://blog.tasmeemme.com/266/1443559657-3.-the-placement-of-text-is-a-crucial-element.-make-sure-to-break-your-lines-up-the-way-it-should-be-read.png




4- أنشئ رسومات قوية مع استخدام تطبيق صفاء اللون بالإضافة إلى المحارف الواضحة
http://blog.tasmeemme.com/266/1443561022-19.-use-an-interesting-text-placement-to-play-on-the-idea-of-your-message.png




5- قم بتركيب الصور من خلال وضعها في شرائط وحاول مطابقتها مع صورة الخلفية
http://blog.tasmeemme.com/266/1443559662-5.-overlay-photos-in-strips-and-try-to-match-them-with-the-forms-in-your-background-image.png




6- الجماليات! التأليف! قم بضبط كافة عناصر تصميمك لتكون منسجمة

http://blog.tasmeemme.com/266/1443559665-6.-aesthetics-composition-adjust-all-the-elements-in-your-graphic-so-they-are-on-corresponding-angles.png




7- استخدم حروف هندسية واضحة لإيصال رسالتك

http://blog.tasmeemme.com/266/1443560953-7.-use-strong-geometric-typefaces-like-anton-to-amplify-your-message.png


8- بدلا من استخدام الألون الواضحة حاول أن ترفع من شفافية العناصر الأخرى للحصول على موثرات أكثر اتقانا

http://blog.tasmeemme.com/266/1443559677-8.-instead-of-using-solid-colors-try-increasing-the-transparency-of-your-elements-a-little-for-a-more-subtle-effect.png




9- استخدم الأشكال كخلفية للنص لتحقيق تناقضا يفصل الصورة في الخلفية عن النص

http://blog.tasmeemme.com/266/1443559684-9.-use-shapes-to-create-contrast-and-offset-your-text-from-your-background-image.png




10- قم بقص جزء من الصور لتكون بمثابة خلفية للنص

http://blog.tasmeemme.com/266/1443559691-10.-crop-images-to-let-them-act-as-background-textures1-662x662.png




11- اجعل تصاميمك مميزة من خلال ابتكار نمط خاص بك كتحريك الأحرف قليلا

http://blog.tasmeemme.com/266/1443559695-11.-set-your-designs-apart-from-the-rest.-create-a-style-by-using-rotated-letters-for-nuance.png




12- عندما تستخدم الأشكال لاحتواء النص، قم باستعمال إحدى الألوان من صورة الخلفية على النص


http://blog.tasmeemme.com/266/1443559701-12.-when-using-a-shape-to-contain-your-text-apply-a-color-from-your-background-to-your-type-for-a-cut-out-effect.png




13- اصنع كولاجا من الصور المفضلة لديك وتأكد من استخدام نفس الفلتر على كل صورة حتى تتناسق مع بعضها البعض


http://blog.tasmeemme.com/266/1443559706-13.-make-beautiful-collages-with-your-favorite-photos-using-grids-ensure-to-apply-the-same-filter-to-each-image-for-consistency.png




14- ابدع في استخدام الحروف والرموز مع تطبيق مقاييس مختلفة للحصول على تصميم مثير للانتباه


http://blog.tasmeemme.com/266/1443559707-14.-be-creative-with-letters-symbols-by-applying-scale-to-form-interesting-compositions.png




15- دع الخلفية تساعدك في تحديد موقع النص، ابحث عن مساحة خالية من التفاصيل لوضع النص


http://blog.tasmeemme.com/266/1443559712-15.-let-your-background-determine-how-you-align-your-text.-find-space-with-less-noise-for-placement.png




16- استخدم خلفية ذات تباين منخفض مع نص ساطع بشكل يجعله يبرز


http://blog.tasmeemme.com/266/1443559717-16.-use-a-low-contrast-background-combined-with-bright-text-to-make-your-message-stand-out-662x662.png




17- تأكد من استخدام المحارف الملائمة للرسالة التي تحاول إيصالها للجمهور

http://blog.tasmeemme.com/266/1443559721-17.-typefaces-have-personalities-too.-make-sure-you-represent-your-message-with-the-right-fonts.png


18- استخدم الخط الهندسي إلى جانب الخط الرقيق ليشكلا ثنائيا رائعا



http://blog.tasmeemme.com/266/1443559725-18.-league-spartan-with-its-bold---geometric-form-is-a-great-match-for-the-elegant-serif-style-of-libre-baskerville.png




19- قم باختيار موقع مناسب للنص لإيصال الرسالة من وراء تصميمك




http://blog.tasmeemme.com/266/1443559730-19.-use-an-interesting-text-placement-to-play-on-the-idea-of-your-message..png




20- لتحقيق التناسق في الألوان قم بتطبيق درجة من لون التصميم على صورة الخلفية


http://blog.tasmeemme.com/266/1443559738-20.-apply-a-tint-to-your-image-the-same-as-any-block-color-in-your-design-for-consistency.png




21- بامكانك تعزيز الرسالة في تصميمك من خلال استخدام الأشكال والرموز المستوحاة من التصميم


http://blog.tasmeemme.com/266/1443559742-21.-use-shapes-to-create-symbolism-that-reinforces-a-message-in-your-graphic.png




22- قم باستخدام الهيكل البنائي لتحقيق تصميم مرتب ونظيف واستخدم إحدى أجزاء الهيكل لوضع النص فيه


http://blog.tasmeemme.com/266/1443559747-22.-apply-a-grid-to-create-a-clean-composition-using-one-of-the-photo-holders-as-a-text-box.png




23- استخدم الأحرف الفاتحة والغامقة معاً للتركيز على أجزاء من النص

http://blog.tasmeemme.com/266/1443559750-23.-use-light-and-bold-font-variants-for-emphasis-and-impact.png




24- قم بتعزيز الصور المظللة في تصميمك من خلال خفض نسبة الضوء ورفع نسبة التباين


http://cdn.top4top.co/i_a8cf8771351.png




25- قم بتصاميم حرفية جميلة من خلال زيادة أو تقليل نسبة التباعد بين الحروف


http://blog.tasmeemme.com/266/1443559760-25.-create-beautiful-typographic-forms-by-increasing-or-decreasing-letter-spacing.png




26- ادمج ما بين خياري الtint والx-process لتحصل على مؤثر الفيلتر ذو درجتين للّون


http://blog.tasmeemme.com/266/1443559765-26.-use-the-combination-of-a-tint-and-x-process-to-create-two-tone-filter-effects.png




27- قم بانتاج تصاميم ذكية من خلال جعل الأشكال داخل الصورة تحكم مكان النص


http://blog.tasmeemme.com/266/1443559771-27.-create-clever-compositions-by-letting-the-features-within-images-guide-where-to-place-your-type.png




28- التصاميم أحادية اللون لن تفقد رونقها أبداً، استخدم الفيلتر الأبيض والأسود مع النص الأبيض لتحقيق تناقض رائع.


http://blog.tasmeemme.com/266/1443559773-28.-monochromatic-style-graphics-never-get-old.-use-the-street-filter-combined-with-white-text-for-an-epic-contrast-effect.png




29- لتحقيق تأثير خافت قم بوضع شكل باهت اللون مع ضبط الشفافية


http://blog.tasmeemme.com/266/1443559777-29.-create-soft-effects-by-placing-a-pale-shape-over-your-image-and-adjusting-the-transparency-662x662.png




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


http://blog.tasmeemme.com/266/1443559779-30.-take-in-the-natural-composition-of-your-background-image-for-clever-text-placement.jpg




31- استخدم الحروف الواضحة والغامقة مع الحروف الخفيفة والأنيقة للحصول على التباين الأمثل

http://blog.tasmeemme.com/266/1443559780-31.-use-a-bold-and-stylistic-typeface-teamed-with-a-fine-sans-serif-for-optimum-contrast.png




32- استخدم التباين في القياس كعنصر بصري للتركيز على بعض الكلمات


http://blog.tasmeemme.com/266/1443559786-32.-use-scale-as-a-visual-element-to-place-emphasis-on-words-662x662.png




33- غير في وضعية الكلمات لتتناسق مع الصورة في الخلفية وتحقق انسجاماً بصرياً


http://blog.tasmeemme.com/266/1443559794-33.-rotate-your-text-so-that-it-follows-forms-in-your-background-image-creating-visual-harmony.png




34- استخدم صور للخلفية ذات تفاصيل كثيرة لتحصل على نسيجا جميلاً للتصميم


http://blog.tasmeemme.com/266/1443559799-34.-use-background-images-with-detail-for-a-beautiful-textural-graphic-style-662x662.png




35- قم بتحسين الصور الباهتة والمملة عن طريق رفع نسبة الضوء في الفيلتر

http://blog.tasmeemme.com/266/1443559803-35.-enhance-the-freshness-of-dull-images-by-increasing-the-brightness-in-your-filter-panel.png




36- استخدم أكثر من نوع خط لتشكل فارق بسيط وتركز على كلمات معينة


http://blog.tasmeemme.com/266/1443559807-36.-use-font-styles-to-create-nuance-in-your-text-to-place-emphasis-on-specific-words.-662x555.png




37- اجعل التفاصيل في الصورة تبدو أوضح وأجمل من خلال استخدام مؤثر الشفافية


http://blog.tasmeemme.com/266/1443559813-37.-help-textures-speak-through-design-elements-with-transparency.png




38- قم بعمل تصميم ذات إيقاع قوي لملائمة الإيقاع القوي في النص


http://blog.tasmeemme.com/266/1443559815-38.-treat-content-with-a-strong-rhythm-with-an-equally-strong-design-style.png




39- قم بتحقيق توازنا في اختلاف درجات الألوان عن طريق تخفيض نسبة التباين في الفيلتر


http://blog.tasmeemme.com/266/1443559820-39.-level-out-the-tonal-separation-in-your-images-by-decreasing-the-contrast-in-your-filters.png




40- استعمل المساحات الخالية في الصورة لإدخال النص بطريقة إبداعية


http://blog.tasmeemme.com/266/1443559826-40.-use-areas-with-clear-space-in-your-images-for-creative-ways-to-include-text.png




41- قم بالتخفيف من غماقة الألون في الصورة عن طريق إضاف طبقة من اللون الفاتح لإضافة مؤثر غريب من نوعه


http://cdn.top4top.co/i_adc0f241bc1.png




42- قم بقص جزء من الصورة لتحقق تكاملاً في التركيب الذي ترغب فيه


http://blog.tasmeemme.com/266/1443559832-42.-crop-your-images-to-complement-your-composition.png




43- استخدم أنواع مختلفة من الخطوط لنفس الكلمات ولاحظ كيف سيختلف لفظها


http://blog.tasmeemme.com/266/1443559840-43.-use-different-fonts-on-the-same-words-and-see-how-their-tone-differs.png




44- استخدم أحجام مختلفة لأحرف مختلفة لتضفي أسلوباً مميزاً على تصميمك


http://blog.tasmeemme.com/266/1443559841-44.-push-your-creative-skills-by-stacking-different-weight-typefaces-for-a-stylised-effect.png




45- لتحقيق انسجاماً في التصميم استخدم لوناً واحداً لكافة عناصر التصميم


http://blog.tasmeemme.com/266/1443559845-45.-use-one-color-consistently-across-your-all-the-elements-in-your-graph.png




46- اصنع تصميماً مريحاً وهادئ باستخدام ألوان خفيفة وصور شفافة

http://blog.tasmeemme.com/266/1443559850-46.-create-calming-cool-design-using-soft-tones-and-transparent-imagery.png




47- استخدم صوراً ذات صلة بموضوع النص حتى تتمكن من إيصال رسالتك بصرياً

http://blog.tasmeemme.com/266/1443559856-47.-use-relevant-imagery-to-help-visually-communicate-your-message.png




48- استخدم إطاراً لاحتواء النص


http://blog.tasmeemme.com/266/1443559861-48.-contain-your-content-by-using-a-frame-around-your-text.png




49- استخدم إحدى الألوان من صورة الخلفية لتطبيقها على النص


http://blog.tasmeemme.com/266/1443561745-49.-use-colors-from-your-background-image-to-apply-to-your-text.png




50- لا تقلل من أهمية وقوة تأثير الصور الجميلة والنص البسيط


http://blog.tasmeemme.com/266/1443559873-50.-never-underestimate-the-power-of-a-nice-image-and-clean-text.png




http://up.dev-point.com/uploads1/782f32875b0c3.png
ارجو الفائـــــــــــــدة للجميع





ملاحظة || تم التعديل على بعض الصور لكي لاتخالف قوانين الموقع ولاالذوق العام
ولاالشرع

http://up.dev-point.com/uploads1/994f33af23132.png


المصدر... (http://www.dev-point.com/vb/t617650.html)