1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

عناصر بصری و تاثیر آن در ساختار طراحی وب

شروع موضوع توسط Mohammad ‏1/11/11 در انجمن طراحی سایت

  1. Founder

    تاریخ عضویت:
    ‏11/11/10
    ارسال ها:
    13,002
    تشکر شده:
    13,539
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    عناصر بصری پایه و ساختار یک طرح را تشکیل می‌دهند و آشنا بودن با این عناصر به خلق یک اثر هنری جذاب کمک می‌کند. در قسمت قبلی به بررسی تعدادی از این عناصر پرداختیم و در این قسمت با دیگر عناصر بصری آشنا می‌شویم تا با استفاده از آن‌ها به خلق تصاویر حرفه‌ای بپردازیم.


    ​
    [​IMG]​


    در این مطلب که بخش دوم و پایانی این مقاله است، المان‌های ریتم، حجم، فضا، حرکت، تعادل و فضای مثبت و منفی را معرفی خواهیم کرد.


    ریتم


    ​
    [​IMG]​


    ریتم در زندگی روزمره ما جاری است، ریتم موجود در تغییر فصل‌ها، تپش قلب انسان، شب و روز و ... به طور کلی به تکرار یک عنصر و یا اتفاق به صورت متناوب و با یک نظم خاص ریتم می‌گوییم. در طراحی وب ریتم از تکرار یک شکل، رنگ، متن، عکس و یا یک استایل خاص در صفحه به وجود می‌آید که باعث یکپارچگی و وحدت در کل کار می‌گردد.

    استفاده از ریتم برای تاکید بر یک موضوع خاص و ثبت آن در ذهن بیننده تاثیرگذار است و عناصر صفحه را به هم ارتباط می‌دهد. این عنصر انواع گوناگونی دارند که ساده‌ترین حالت آن تکرار یکنواخت است.


    ​
    [​IMG]​


    استفاده از ریتم، یکپارچگی به کل کار بخشیده است.


    ​
    [​IMG]​


    در این سایت ریتم یکنواختی را می‌بینیم که با تکرار یک عنصر با تغییری جزیی به وجود آمده است.


    ​
    [​IMG]​


    ریتم افزایشی که یک تصویر با تغییری جزئی تکرار شده و این تکرار با افزایش سایز همراه است.


    حجم

    ​
    [​IMG]​


    حجم عنصری سه بعدی است که فضای قابل لمسی را برای کاربر ایجاد می‌کند، استفاده از حجم صفحه را از حالت دو بعدی بیرون می‌آورد و جلوه بصری زیبایی به کار می‌بخشد.
    از انواع حجم می‌توان به ساده‌ترین حالت آن که شامل مکعب، کره، منشور و ... اشاره کرد که حجم هندسی نامیده می‌شوند و نوع غیر هندسی آن از ترکیب حجم‌های هندسی به‌وجود می‌آید. هم‌چنین حجم می‌تواند از فضای منفی میان دو سطح ایجاد شود.


    ​
    [​IMG][​IMG]


    استفاده از مکعب در طرح و ایجاد حجم سه بعدی​

    فضا


    ​
    [​IMG]​


    فضا در واقع همان محیطی است که ما همیشه با آن در ارتباط هستیم و در آن زندگی می‌کنیم و در هنرهای بصری، به تصویر کشیدن یک فضای سه بعدی بر روی صفحه‌ای دو بعدی است و هنرمند با استفاده از سطح، خط و رنگ تصاویر سه بعدی خلق می‌کند.
    این عنصر به چند صورت دیده می‌شود: فصای مسطح (که از کنار هم قرار گرفتن سطوح مسطح ایجاد می‌شود) و فضای غیر واقعی (که شامل فضایی است که نوعی توهم وجود فضای سه بعدی را ایجاد می‌کند.)


    ​
    [​IMG][​IMG]


    همان‌طور که می‌بینید طراح با استفاده از تصویر و سطوح، حس سه بعدی بودن را در این تصویر ایجاد کرده است.​

    حرکت


    ​
    [​IMG]​


    حرکت عاملی است که به زندگی جریان می‌دهد. اما این عنصر بر روی سطح دو بعدی به گونه‌ای دیگر جلوه می‌کند. حرکت در تصویر به وسیله خطای دید ایجاد می‌شود و در واقع همان القای حس حرکت و چرخش چشم در تصویر است.


    ​
    [​IMG][​IMG][​IMG]


    به حرکت در آوردن چشم به وسیله خطوط و سطوح منحنی​

    تعادل


    ​
    [​IMG]​


    ستفاده به‌جا از عناصر مختلف در صفحه مانند جای‌گذاری ستون‌های یک بنا در معماری است بنابراین همیشه باید در نظر داشت که اجزای مختلف در کجای صفحه قرار می‌گیرند.
    هر عنصری در طرح با توجه به رنگ، اندازه و جایگاهش دارای انرژی و وزن خاصی است و جای‌گیری این عناصر در کنار یکدیگر نیازمند یک هماهنگی بصری است که تعادل نامیده می‌شود.
    برای مثال یک سطح بزرگ، انرژی بیشتری نسبت به سطوح کوچک‌تر دارد و یا خط بسته بیشتر از خط باز انرژی دارد. هم چنین جای اجزا در صفحه و تیرگی و روشنی آن و بسیاری عوامل دیگر می‌تواند تاثیرگذار باشد.


    ​
    [​IMG][​IMG]​


    در سمت راست یک تصویر بزرگ با انرژی زیاد آمده است و در سمت چپ سعی شده با استفاده از اجزای زیادی مانند متن و تصاویر کوچکتر نوعی تعادل را در صفحه ایجاد کرد.


    فضای مثبت و منفی

    ​
    [​IMG]​


    فضای مثبت فضایی است که المان‌ها در آن قرار گرفته‌اند و فضای منفی، فضای خالی اطراف آن است. فضای منفی هم به اندازه مثبت ارزش دارد و همین فضای خالی است که به عناصر صفحه ارزش می‌دهد و تعادل را در صفحه ایجاد می‌کند. مانند تاریکی و روشنایی که تا تاریکی وجود نداشته باشد روشنایی معنایی ندارد.


    ​
    [​IMG]​



    استفاده از سطوح خالی در اطراف باعث می‌شود که کل توجه بیننده به عناصر موجود در صفحه جلب شود.



    Weblogina.com
    ​