تصميم

Muse: تطبيق تصميم المواقع من أدوبي8 من التعليقات

الكاتب: 17 أغسطس, 2011
الزيارات: 1,640

muse 360x225 300x187 Muse: تطبيق تصميم المواقع من أدوبي

أطلقت أدوبي تطبيقاً جديداً لتصميم المواقع عن طريق الإنترنت، التطبيق الجديد “Muse” هي برنامج لتصميم المواقع دون الحاجة لإستخدام أكواد برمجية، يهدف التطبيق لإختصار تصميم المواقع دون المرور بين عدد من البرامج للوصول للموقع المراد تصميمه، أي دون الحاجة للإنتقال من تطبيق كالفوتوشوب لتصميم الموقع ثم لتطبيق آخر لبرمجة الأكواد له.

يمكن التصميم وإضافة أكواد خاصة بك في التطبيق نفسه، مع إضافات جاهزة مصممة من أدوبي بالـjQuery و دعم كامل للـCSS3، فيديو تعريفي:

التطبيق يعمل على الماك والويندوز وبنظام Adobe AIR، حالياً على نسخة تجريبية Beta وبشكل مجاني ومن الممكن أن تواجة إغلاق مفاجئ للتطبيق، أفتح التطبيق مرة أخرى وسيعود العمل إلى آخر ما وصلت إليه.

من المتوقع صدور التطبيق بنسخته الأولى في بداية عام 2012 وسيكون بنظام الإشتراك بـ15 دولار شهرياً لمدة بعقد سنوي او 20$ شهرياً بدون عقد سنوي.

تجربتي الأولية للتطبيق كانت سريعه وبسيطة، لكن النتائج التي رأيتها للتطبيق رائعه جداً، مثلاً الموقع الرسمي للتطبيق مصمم بشكل كامل بواسطة Muse، أيضاً Christina Warren مُحَررة في Mashable والتي قامت بمراجعة التطبيق صممت صفحة شخصية فقط بـ20 دقيقه بواسطة التطبيق، نتائج التطبيق رائعه ويستحق التجربة كونه يوفر الكثير من الوقت، التطبيق أيضاً يدعم اللغه العربية، لبدأ تجربة التطبيق قم بزيارة موقع Muse وتحميله على الرابط: http://muse.adobe.com

المصدر

العدد 9 من A List Apart العربيةتعليق واحد

الكاتب: 23 فبراير, 2011
الزيارات: 1,084
alalogo العدد 9 من A List Apart العربية
يسعدنا أن ننقل لكم بالتعاون مع أصدقائنا “عالم التقنية” العدد الجديد من A List Apart العربية.
مرة أخرى نعود للتصميم لكن من منظورين مختلفين هذه المرة. سنحاول في هذا العدد اكتشاف عوالم تصميم الويب للأطفال، وتحديداً تصميم “نماذج التسجيل”، قد تبدو العملية نمطية ومكررة إلى حد كبير في عالم تصميم الويب لكننا سنكتشف أثناء قراءة المقال أن الأمر ليس بالبساطة التي نتوقع! سندرس أيضاً تجارب مختلفة لنقد العملية التصميمية بشكل عام والعوامل المؤثرة فيها. التعامل مع النقد مهارة أساسية علينا اتقانها جميعاً.

المزيد

التصميم التفاعلي Interaction Design8 من التعليقات

الكاتب: 7 نوفمبر, 2010
الزيارات: 2,346

First picture1 التصميم التفاعلي Interaction Design

في اللقاء الثاني لفتيات التقنية الذي عُقد في حاضنة بادر يوم الأربعاء 3 نوفمبر 2010 قدّمت د. أريج الوابل عرضاً بعنوان “التصميم التفاعلي Interaction design”، كان العرض ثرياً بالمعلومات الأساسية عن التصميم التفاعلي: تعريفه، استخداماته، معايير تصميم موقع تفاعلي، ومعلومات أخرى كثيرة أحببت أن أشارككم بجزء منها.

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

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

للتصميم التفاعلي فروع متعددة، وما يهمنا هنا هو Human-computer interaction design، وهو مجموعة تداخل علوم كثيرة: علم الحاسب، علم الإدراك، علم النفس، وأخيراً علم التنظيم في محاولة لفهم كيف يستخدم الأشخاص التقنية ويتفاعلون معها.

المزيد

فيلم الموسم : أبل ضد أدوبي !122 من التعليقات

الكاتب: 9 أبريل, 2010
الزيارات: 11,081

apple vs adobe فيلم الموسم : أبل ضد أدوبي !

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

أحضروا بعض الفشار أو الشيبس أو كوباً من الشاي وهيا بنا !

قوالب توفر الوقت في CSS15 من التعليقات

الكاتب: 21 مارس, 2010
الزيارات: 1,952

xhtmlimage قوالب توفر الوقت في CSS

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

المزيد

دعني أبهرك بقوة الفلاش!25 من التعليقات

الكاتب: 7 مارس, 2010
الزيارات: 4,751

FlashLogo 6 thumb دعني أبهرك بقوة الفلاش! عندما ظهر الفلاش عام 1996 لم يظهر على حساب تكنولوجيا موجودة، ولم يقضِ على تكنولوجيا معينة، لقد كان مكانه فارغا، لويب كان ينقصه شيء مهم، وقد ظهر الفلاش لسد هذا الفراغ، وعلى مدار السنوات نجح في هذا بقوة وكفاءة، كلنا يعرف الإبهار البصري الذي يستطيع الفلاش تقديمه على صفحات الويب، لكن ليس هذا هو ما أنوي أن أبهرك به اليوم، بل أنوي أن أبهرك بقوة الفلاش كمنصة لعمل تطبيقات ويب ما كان هناك سبيل لظهورها  بعضها  بدونه. دعونا نبدأ..

المزيد

خمس طرائق لكتابة CSS أفضل15 من التعليقات

الكاتب: 2 مارس, 2010
الزيارات: 2,618

csstipstricks خمس طرائق لكتابة CSS أفضل

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

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

خمس طرائق لكتابة CSS أفضل.

المزيد

Color Your Life9 من التعليقات

الكاتب: 8 فبراير, 2010
الزيارات: 5,087

Hiding in Color Color Your Life

الألوان هيَ عنصر الحياة في جهاز الحاسب!

لولا سحرها  لما استطعنا الجلوس بمتعةٍ وسعادة أمام هذا الجهاز الأخرق لمدّة ساعاتٍ متواصلة  دون أن نُصاب بالملل أو الإرهاق.

من البديهيّ إذاً أن يولّي المصممين اهتمامًا طاغيًا بهذا العنصر، فمهما كان التصميم متقنًا وجبارًا إلاّ أنّه يسقط إذا صُبغ بألوانٍ منفّرة أو غير متناسقة.

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

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

لهذا السبب، برزت العديد من المواقع الّتي تقدّم للمصمّم المساعدة في اختيار مجموعة من  الألوان المناسبة والمتناسقة / بما يُعرف عادةً بـ color schema أي “مخطط الألوان”، هذه المخططات تتكوّن من لونين أو أكثر تجمع بينهما علاقة رياضيّة تعتمد على خوارزميات تنسيق الألوان.

اليوم سوف نستعرض في عالم التقنيّة بعض المواقع الَّتي تقدّم مثل هذه الخدمات، نرجو أن تنالوا الفائدة منها، ليس في التصميم الرقمي فحسب، وإنّما في سائر جوانب حياتنا الملوّنة مثل ألوان جدران المنزل وأثاثه وألوان الملابس والأحذية والحاجيات.

المزيد

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

الكاتب: 26 ديسمبر, 2009
الزيارات: 1,031

firefox 300x102 مسابقة فايرفوكس لتصميم واجهة متصفح خاصة للمستخدمين

موزيلا تتجه إلى تطوير نوعي لمتصفحها فايرفوكس 4.0 مع بداية السنة الجديدة، لذلك الشركة بدأت مسابقة لتصميم واجهة متصفح خاصة للمستخدمين تعتمد على أفكار المستخدمين واقتراحاتهم حول شكل الصفحة الخاصة وما يمكن أن يضاف فيها من إضافات وأدوات ذات فائدة وأهمية خاصة للمستخدمين تشابه في فكرتها خدمة جوجل IGoogle و My yahoo ولكن بشكل وأفكار مختلفة بالكامل في أدائها وبشكل يُمكن المستخدم من التحكم الكامل في المتصفح من ناحية التاريخ المفضلة الإضافات وغير ذلك من الإمكانيات التي ستتوفر في الصفحة الخاصة بحيث يبرز فيها المستخدم شخصيته بشكل عام.

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

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

بالتوفيق للمشاركين

المصدر

الشكل المتوقع الجديد لمتصفح الملايين Firefox 4.019 من التعليقات

الكاتب: 23 ديسمبر, 2009
الزيارات: 1,497

firefox الشكل المتوقع الجديد لمتصفح الملايين Firefox 4.0

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

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

ff 4 mockup5 الشكل المتوقع الجديد لمتصفح الملايين Firefox 4.0

المزيد من الصور المعروضة مع بعض الأفكار الجديدة لشكل المتصفح.

شريط المفضلة المقترح

ff 4 mockup2 الشكل المتوقع الجديد لمتصفح الملايين Firefox 4.0

علامات التبويب (tabs) تحت شريط التنقل “العناوين” (navigation bar)


ff 4 mockup3 الشكل المتوقع الجديد لمتصفح الملايين Firefox 4.0

شريط المفضلة بين علامات التبويب وشريط التنقل

ff 4 mockup4 الشكل المتوقع الجديد لمتصفح الملايين Firefox 4.0

المقارنة بين فايرفوكس 3.5 وفايرفوكس 4.0

ff 4 mockup6 الشكل المتوقع الجديد لمتصفح الملايين Firefox 4.0

المصدر

1 - 6123456


المقالات في عالم التقنية تُعبّر عن رأي كاتبها ¦ © 2012 - جميع الحقوق محفوظة عالم التقنية ¦ تصميم و تطوير: عبدالملك الثاري ¦ تطوير : المُعاصر | الخوادم بإدارة ah