تاريخ الأزرار في الصور من رأس التصميم بواسطة Dmitry Ukolov : روابط نصية ، skeuomorphism ، Flat and Material design.
كيف بدأ كل شيء
في الأيام الأولى للإنترنت ، كان كل المحتوى في روابط ألوان نصية. في وقت لاحق ، ظهرت الأزرار للإشارة إلى الانتقال أو بدء إجراء ، لافتات إعلانية قابلة للنقر بحجم الأزرار الحديثة ، وما إلى ذلك. تستخدم الأزرار للفت الانتباه إلى أنفسهم من خلال الرسوم المتحركة للإبرازات ، وصور متحركة ، وعمليات نقل الدم ، وأنماط قوس قزح ، ولكن هذا الأمر يتعلق بشكل رئيسي بمواقع الويب.
في الواجهات ، استخدم المطورون طرقًا أخرى لفصل الزر عن بقية محتويات الشاشة. تم ذلك بسبب الظلال أو السكتات الدماغية ، عندما ظلت الأزرار محايدة وبالتأكيد ليست براقة. وإذا كنت لا تزال تستخدم الألوان ، فيبدو أنك قمت بدس قطارة في اللون بشكل عشوائي.
أنا متأكد من أن هناك تفسيرات تكنولوجية لكل هذا ، لكنني لست متخصصًا فنيًا وأقدر ذلك بعيني وعواطفي.

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

مسطحة
. , , , . , , ! , , , , , . , , , – .
. , , , , – . . , , - - . , . , , , , . « », .


Material design
Material design, , . Google : , , « », . . Google.


«»


Material design
CTA (Call to Action)
: «», «», «» .. . , , , , ..

«» Youtube
– , . , . , , – .

lagenceversions

beaconrelief

aconstitucion.com.ar
«»
. , . .

villerdl.ca
, . .

brandlovescore
, , , . , - ?
جرب ، جرب ، اقترح وابتكار!
كيف تغير الزر من 2009 إلى 2017.

Wojciech dobry

سيث كولين