صفحه 9 از 44 اولاول ... 789101119 ... آخرآخر
نمایش نتایج 321 تا 360 از 1757

نام تاپیک: طراحی رابط کاربری - UserInterface

  1. #321
    کاربر دائمی آواتار ghasem110deh
    تاریخ عضویت
    اردیبهشت 1393
    محل زندگی
    تهران
    پست
    1,148

    نقل قول: طراحی ظاهر برنامه UserInterface

    راستی دکمه Remember برای فرم ویندوزی چه معنایی داره؟
    اصلاً کار درستیه ؟
    اگه قراره به یاد سپرده بشه خب اصلاً نداشته باشه بهتره که !
    اگر کسی این گزینه را در فرم لاگین قرار بده . . . چی بگم
    یک اشتباه محض است
    در اصل اگر باشه پس چه نیازی به فرم لاگین است و اصلا این گزینه در برنامه های ویندوزی معنایی نداره
    جز امکانات جانبی دیگه
    منم تو فرم لاگین میزارم ... ولی اگه واقعا مضر باشه ورش میدارم
    کاربر میتونه انتخاب کنه ، باشه یا نه !

  2. #322
    کاربر دائمی آواتار golbafan
    تاریخ عضویت
    اردیبهشت 1388
    محل زندگی
    در قلب دوستان
    پست
    2,018

    نقل قول: طراحی ظاهر برنامه UserInterface

    سلام
    این هم از آخرین طرح بنده
    دیگه نه بک گراندی هست و نه ساعت و هیچ...

    1.jpg

    وقتی موس رو میبریم روش
    2.jpg

  3. #323
    کاربر دائمی آواتار winner1
    تاریخ عضویت
    تیر 1392
    محل زندگی
    خلخال
    پست
    738

    نقل قول: طراحی ظاهر برنامه UserInterface

    این خیلی خوبه بنظر من

  4. #324
    کاربر دائمی آواتار golbafan
    تاریخ عضویت
    اردیبهشت 1388
    محل زندگی
    در قلب دوستان
    پست
    2,018

    نقل قول: طراحی ظاهر برنامه UserInterface

    نقل قول نوشته شده توسط winner1 مشاهده تاپیک
    بعدشم ساعت رو سیستم عاملی که ساعت نشون میده خنده داره یعنی کار اضافه
    کاملا موافقم!
    مخصوصا روی ویندوز 10 که تاریخ شمسی داره...

    اما دوست عزیز اون طرح من ساعت توش نداشت ها... فقط بگراند داشت که الان دیگه اونم نداره

  5. #325

    نقل قول: طراحی ظاهر برنامه UserInterface

    نقل قول نوشته شده توسط ghasem110deh مشاهده تاپیک
    سلام به همه ...
    دوستان من توضیحات رو با آمار عددی جایگزین کردم ... بهتر نیست ؟!
    توضیحات اضافی فرم ها رو حذف کدم (مث فرم ورود)

    اما کلی کد نویسی موند رو گردنم


    مهندس ممکنه نوع فونت و اندازه مورد استفاد.همچنین کامپوننت استفاده شده رو بگی استفاده کنیم

  6. #326
    کاربر جدید
    تاریخ عضویت
    مرداد 1385
    پست
    10

    نقل قول: طراحی ظاهر برنامه UserInterface

    نقل قول نوشته شده توسط vB.N3T مشاهده تاپیک
    مهندس ممکنه نوع فونت و اندازه مورد استفاد.همچنین کامپوننت استفاده شده رو بگی استفاده کنیم
    سلام
    فونت که B yekan هستش ...
    کامپوننت هم گفتن نداره !

  7. #327
    کاربر دائمی آواتار winner1
    تاریخ عضویت
    تیر 1392
    محل زندگی
    خلخال
    پست
    738

    نقل قول: طراحی ظاهر برنامه UserInterface

    نقل قول نوشته شده توسط golbafan مشاهده تاپیک
    کاملا موافقم!
    مخصوصا روی ویندوز 10 که تاریخ شمسی داره...

    اما دوست عزیز اون طرح من ساعت توش نداشت ها... فقط بگراند داشت که الان دیگه اونم نداره
    نه باباتت کار شما نگفتم مهندس

  8. #328
    کاربر دائمی آواتار winner1
    تاریخ عضویت
    تیر 1392
    محل زندگی
    خلخال
    پست
    738

    نقل قول: طراحی ظاهر برنامه UserInterface

    نقل قول نوشته شده توسط Vidico مشاهده تاپیک
    اینا رو با کدوم کامپوننت زدی؟
    هیچ کمپوننتی همه با کنترل های استاندار ماکروسافته

  9. #329
    کاربر دائمی آواتار ghasem110deh
    تاریخ عضویت
    اردیبهشت 1393
    محل زندگی
    تهران
    پست
    1,148

    نقل قول: طراحی رابط کاربری - UserInterface

    دوستان لازمه پشت فرم (وقتی که باز میشه) سایه بندازیم ؟!
    کد نویسیه الکی زیاد میشه ...


  10. #330
    کاربر دائمی آواتار golbafan
    تاریخ عضویت
    اردیبهشت 1388
    محل زندگی
    در قلب دوستان
    پست
    2,018

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط ghasem110deh مشاهده تاپیک
    دوستان لازمه پشت فرم (وقتی که باز میشه) سایه بندازیم ؟!
    کد نویسیه الکی زیاد میشه ...

    سلام

    خیر هیچ لزومی نداره...

  11. #331
    کاربر دائمی آواتار ghasem110deh
    تاریخ عضویت
    اردیبهشت 1393
    محل زندگی
    تهران
    پست
    1,148

    نقل قول: طراحی رابط کاربری - UserInterface

    خیر هیچ لزومی نداره...
    منظورم تو دید کاربرا هست ها !؟
    کاربرا با این قضیه حال میکنن یا نه ؟

  12. #332

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط ghasem110deh مشاهده تاپیک
    منظورم تو دید کاربرا هست ها !؟
    کاربرا با این قضیه حال میکنن یا نه ؟
    بستگی ب نوع فرم زیذین و رویی داره. اگه در زمان اجرا فرم رویی رو تست کردید و دیدید ظاهره قشنگی نداره نسبت ب فرم زیرین و ی جورایی محوه حتما از ی لایه شفاف در فرم زیرین استفاده کنید.
    من خودم همیشه از لایه استفاده میکنم چون کامل مشخصه فرم زیرین غیرفعاله و کاربر فعلا باید روی فرم بالایی مانور بده.

    موفق باشید

  13. #333
    کاربر دائمی آواتار golbafan
    تاریخ عضویت
    اردیبهشت 1388
    محل زندگی
    در قلب دوستان
    پست
    2,018

    نقل قول: طراحی رابط کاربری - UserInterface

    من اگر یه روزی بخوام این کار رو بکنم ترجیح میدم بجای تیره کردن فرم زیرین، اون رو تار (blur) کنم:

    2.jpg

  14. #334
    کاربر دائمی آواتار Vidico
    تاریخ عضویت
    خرداد 1394
    محل زندگی
    شاید در قلب...!
    پست
    222

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط golbafan مشاهده تاپیک
    من اگر یه روزی بخوام این کار رو بکنم ترجیح میدم بجای تیره کردن فرم زیرین، اون رو تار (blur) کنم:

    2.jpg
    عالیه مهندس جان
    برای زیبا سازی فرم از چه پلاگینی استفاده کردین؟

    برای تار کردن چیکار میشه کرد؟

  15. #335
    کاربر دائمی آواتار golbafan
    تاریخ عضویت
    اردیبهشت 1388
    محل زندگی
    در قلب دوستان
    پست
    2,018

    نقل قول: طراحی رابط کاربری - UserInterface

    سلام
    اینجا رو ببینید:
    http://stackoverflow.com/questions/1...lur-background

  16. #336

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط golbafan مشاهده تاپیک
    من اگر یه روزی بخوام این کار رو بکنم ترجیح میدم بجای تیره کردن فرم زیرین، اون رو تار (blur) کنم:

    2.jpg
    اره خب همه کار میشه کرد بستگی ب اختیارات برنامه نویس داره. هرکسی ی نظری داره

  17. #337
    کاربر دائمی آواتار ghasem110deh
    تاریخ عضویت
    اردیبهشت 1393
    محل زندگی
    تهران
    پست
    1,148

    نقل قول: طراحی رابط کاربری - UserInterface

    من اگر یه روزی بخوام این کار رو بکنم ترجیح میدم بجای تیره کردن فرم زیرین، اون رو تار (blur) کنم:
    ظاهرا بلور قشنگ تره ...

  18. #338
    کاربر دائمی آواتار Vidico
    تاریخ عضویت
    خرداد 1394
    محل زندگی
    شاید در قلب...!
    پست
    222

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط golbafan مشاهده تاپیک
    سلام
    اینجا رو ببینید:
    http://stackoverflow.com/questions/1...lur-background
    فدات مهندس جان، خیلی گلی
    فقط نگفتین برای زیبا سازی از چه پلاگینی استفاده کردین؟

  19. #339
    کاربر دائمی آواتار golbafan
    تاریخ عضویت
    اردیبهشت 1388
    محل زندگی
    در قلب دوستان
    پست
    2,018

    نقل قول: طراحی رابط کاربری - UserInterface

    پلاگین استفاده نکردم!

    باید فرم رو یک اسکرین شات بگیرید و تصویر رو بلور کنید و بندازید روی فرم؛ بعدش فرم دیالوگ رو باز کنید
    مشابه توضیحی که در اون لینک بود

  20. #340
    کاربر دائمی آواتار Vidico
    تاریخ عضویت
    خرداد 1394
    محل زندگی
    شاید در قلب...!
    پست
    222

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط golbafan مشاهده تاپیک
    پلاگین استفاده نکردم!

    باید فرم رو یک اسکرین شات بگیرید و تصویر رو بلور کنید و بندازید روی فرم؛ بعدش فرم دیالوگ رو باز کنید
    مشابه توضیحی که در اون لینک بود
    منظورم اینکه فرم پشتی عکس رو میگم که شبیه منوی آفیش شده و .... خیلی زیباست

  21. #341
    کاربر دائمی آواتار golbafan
    تاریخ عضویت
    اردیبهشت 1388
    محل زندگی
    در قلب دوستان
    پست
    2,018

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط Vidico مشاهده تاپیک
    منظورم اینکه فرم پشتی عکس رو میگم که شبیه منوی آفیش شده و .... خیلی زیباست
    سلام
    در دلفی کامپوننت ribbon رو بطور پیشفرض داریم و در C#‎‎‎‎‎‎‎ کلاس ریبون برای دات نت 4.5 به بالا موجوده
    https://msdn.microsoft.com/en-us/library/system.windows.controls.ribbon.ribbon%28v=vs.110%2 9.aspx

    البته میتونید از کامپوننت های سایر شرکت ها مثل telerik و یا devexpress یا dotnetbar هم استفاده کنید

  22. #342

    نقل قول: طراحی ظاهر برنامه UserInterface

    نقل قول نوشته شده توسط NasimBamdad مشاهده تاپیک
    برنامه هایی که می نویسم معمولا خیلی دقت می کنم و به نظر خودم کد نویسی خوبی داره


    اما ظاهر خوبی ندارن ، حتما عکس می ذارم ببینم دوستان چی میگن

    راستی ، دوست دارم بدونم اون Title بار به اون خوشگلی چه طوری باید ساخت .

    ای کاش آموزش هم بود
    بفرمایید خدمت شما کد xaml قسمت هدر فرم:



    <Grid
    x:Name='gridHeader'
    HorizontalAlignment='Stretch'
    Margin='0'
    VerticalAlignment='Top'
    Width='Auto'
    Background='{x:Null}'>


    <!--******************** Window Title ************************-->
    <Grid
    Grid.Row='0'
    HorizontalAlignment='Stretch'
    VerticalAlignment='Top'
    Height='45'
    x:Name='gridMainTitle'>
    <Grid.ColumnDefinitions>
    <ColumnDefinition
    Width='auto' />
    <ColumnDefinition
    Width='auto' />
    <ColumnDefinition
    Width='auto' />
    <ColumnDefinition
    Width='*' />
    <ColumnDefinition
    Width='auto' />
    </Grid.ColumnDefinitions>

    <Rectangle
    Grid.Column='4'
    HorizontalAlignment='Right'
    VerticalAlignment='Bottom'
    Height='5'
    Width='60'
    Margin='0 0 0 0'
    Fill='Red'
    x:Name='subtitleShadow1'
    Visibility='Visible'>
    <Rectangle.Effect>
    <DropShadowEffect
    Direction='-90'
    Opacity='0.4'
    ShadowDepth='2'
    BlurRadius='6' />
    </Rectangle.Effect>
    </Rectangle>

    <Rectangle
    x:Name='headerbg'
    Grid.ColumnSpan='6'
    Fill='#FF2C3E50'
    Height='45'
    Stroke='{x:Null}'
    StrokeThickness='0'
    VerticalAlignment='Top' />


    <!-- SwipeMenuButton -->
    <ToggleButton
    x:Name='SwipeMenuButton'
    Cursor='Hand'
    Width='45'
    Background='Transparent'
    IsChecked='{Binding Path=SwipeMenuVisibility, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}'
    Margin='0 1 0 0'>
    <ToggleButton.Template>
    <ControlTemplate
    TargetType='ToggleButton'>
    <Grid
    Background='Transparent'>
    <StackPanel
    Background='Transparent'
    Orientation='Vertical'
    VerticalAlignment='Center'
    HorizontalAlignment='Center'>
    <Rectangle
    Fill='#fff'
    Width='19'
    Height='2'
    Margin='0 0 0 0' />
    <Rectangle
    Fill='#fff'
    Width='19'
    Height='2'
    Margin='0 4 0 0' />
    <Rectangle
    Fill='#fff'
    Width='19'
    Height='2'
    Margin='0 4 0 0' />
    </StackPanel>
    </Grid>
    </ControlTemplate>
    </ToggleButton.Template>

    </ToggleButton>
    <!-- - Window Icon - -->



    <!-- Window Icon -->
    <Grid
    x:Name='gridIcon'
    Grid.Column='1'
    HorizontalAlignment='Left'
    Height='55'
    Margin='10 10 0 -20'
    VerticalAlignment='Top'
    Width='55'>

    <Ellipse
    Fill='#FFECF0F1'
    HorizontalAlignment='Left'
    Height='55'
    Margin='0'
    Stroke='{x:Null}'
    VerticalAlignment='Top'
    Width='55'
    StrokeThickness='0'
    Grid.RowSpan='1'>
    <Ellipse.Effect>
    <DropShadowEffect
    BlurRadius='9'
    Opacity='0.7'
    Direction='0'
    ShadowDepth='0' />
    </Ellipse.Effect>
    </Ellipse>
    <Image
    Source='{TemplateBinding Icon}'
    Width='31'
    Height='31' />
    </Grid>
    <!-- - Window Icon - -->

    <!-- Window Main Title Text -->
    <TextBlock
    x:Name='txtMainTitle'
    Grid.Column='3'
    FontFamily='segoe ui'
    HorizontalAlignment='Left'
    Foreground='White'
    FontSize='13'
    FontWeight='Bold'
    Margin='29 0 0 0'
    VerticalAlignment='Center'
    Text='{TemplateBinding Title}' />
    <!-- - Window Main Title Text - -->

    <!-- Window Control Box -->
    <Grid
    Grid.Column='4'>
    <Button
    x:Name='btnMinimize'
    Width='50'
    Background='#FF2C3E50'
    HorizontalAlignment='Right'
    Margin='0,0,51,0'
    HorizontalContentAlignment='Center'
    Cursor='Hand'>
    <Button.Template>
    <ControlTemplate
    TargetType='{x:Type Button}'>
    <Grid>
    <Path
    x:Name='bg'
    Data='M 70,0 10,0 0,45 60,45 Z'
    Fill='{TemplateBinding Background}'
    HorizontalAlignment='Left'
    Height='45'
    Stretch='Fill'
    Stroke='{x:Null}'
    StrokeThickness='0'
    VerticalAlignment='Top'
    Width='60' />
    <ContentPresenter />
    </Grid>
    <ControlTemplate.Triggers>
    <Trigger
    Property='IsMouseOver'
    Value='True'>
    <Trigger.EnterActions>
    <BeginStoryboard>
    <Storyboard
    Storyboard.TargetName='bg'
    Storyboard.TargetProperty='Fill.Color'>
    <ColorAnimation
    Duration='0:0:0.2'
    To='#34495e' />
    </Storyboard>
    </BeginStoryboard>
    </Trigger.EnterActions>
    <Trigger.ExitActions>
    <BeginStoryboard>
    <Storyboard
    Storyboard.TargetName='bg'
    Storyboard.TargetProperty='Fill.Color'>
    <ColorAnimation
    Duration='0:0:0.1'
    To='#2c3e50' />
    </Storyboard>
    </BeginStoryboard>
    </Trigger.ExitActions>
    </Trigger>
    </ControlTemplate.Triggers>
    </ControlTemplate>
    </Button.Template>
    <Rectangle
    Fill='#FFFFFFFF'
    Height='2'
    Width='12'
    Margin='0,6,0,0'
    VerticalAlignment='Center'
    HorizontalAlignment='Center' />
    </Button>
    <Button
    x:Name='btnQuit'
    Background='#fa2653'
    BorderThickness='0'
    BorderBrush='{x:Null}'
    HorizontalAlignment='Right'
    Cursor='Hand'>
    <Button.Template>
    <ControlTemplate
    TargetType='{x:Type Button}'>
    <Grid>
    <Path
    x:Name='bg'
    Data='M 10,0 70,0 70,45 0,45 10,0 Z'
    Fill='{TemplateBinding Background}'
    HorizontalAlignment='Left'
    Height='45'
    Stretch='Fill'
    Stroke='{x:Null}'
    StrokeThickness='0'
    VerticalAlignment='Top'
    Width='60' />
    <ContentPresenter />
    </Grid>
    <ControlTemplate.Triggers>
    <Trigger
    Property='IsMouseOver'
    Value='True'>
    <Trigger.EnterActions>
    <BeginStoryboard>
    <Storyboard
    Storyboard.TargetName='bg'
    Storyboard.TargetProperty='Fill.Color'>
    <ColorAnimation
    Duration='0:0:0.2'
    To='#ff4f31' />
    </Storyboard>
    </BeginStoryboard>
    </Trigger.EnterActions>
    <Trigger.ExitActions>
    <BeginStoryboard>
    <Storyboard
    Storyboard.TargetName='bg'
    Storyboard.TargetProperty='Fill.Color'>
    <ColorAnimation
    Duration='0:0:0.1'
    To='#fa2653' />
    </Storyboard>
    </BeginStoryboard>
    </Trigger.ExitActions>
    </Trigger>
    </ControlTemplate.Triggers>
    </ControlTemplate>
    </Button.Template>
    <Path
    Data='M72.0101,0C90.4433,2E-06,108.882,7.01784,122.949,21.0535L384.892,282.359 646.792,21.0535C674.927,-7.01784 720.547,-7.01784 748.683,21.0535 776.775,49.1265 776.775,94.5986 748.64,122.67L486.74,383.975 748.683,645.324C776.818,673.397 776.775,718.89 748.683,746.962 720.547,775.002 674.927,775.023 646.792,746.962L384.892,485.635 122.949,746.962C94.814,775.023 49.1957,775.002 21.1022,746.962 -7.03405,718.89 -7.03405,673.397 21.1022,645.324L283.001,384.018 21.1022,122.67C-7.03405,94.5986 -7.03405,49.1265 21.1022,21.0535 35.1489,7.01784 53.5769,2E-06 72.0101,0z'
    Stretch='Uniform'
    Fill='#FFFFFFFF'
    Width='12'
    Height='Auto'
    Margin='0,0,-5,0'
    RenderTransformOrigin='0.5,0.5'
    VerticalAlignment='Center'
    HorizontalAlignment='Center' />
    </Button>
    </Grid>
    <!-- - Window Control Box - -->
    </Grid>
    <!--____________________ Window Title _________________________-->

    </Grid>


  23. #343

    نقل قول: طراحی رابط کاربری - UserInterface


  24. #344

    نقل قول: طراحی رابط کاربری - UserInterface

    سلام اینم از طرح بندی من
    طرح ویندوز 10 SC2.jpgSC3.jpg
    عکس های ضمیمه عکس های ضمیمه
    • نوع فایل: jpg SC1.jpg‏ (94.0 کیلوبایت, 431 دیدار)
    • نوع فایل: jpg SC1.jpg‏ (93.9 کیلوبایت, 426 دیدار)

  25. #345

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط Twoplus2010 مشاهده تاپیک
    سلام اینم از طرح بندی من
    طرح ویندوز 10 SC2.jpgSC3.jpg
    سلام. اگه اجازه بدید چند تا پیشنهاد و نظر بدم.

    اون لیستت خیلی قشنگ شده واقعا. روش کار کن تا بهتر بشه.

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

    یکی دگ اینکه دکمه هات خیلی بی روحه. سعی کن دکمه هات شبیه فیلدهای متنیت نباشه یا حداقل همرنگ.

    و آخری اینکه چرا تقلید از ویندوز ۱۰؟ بهتر نیست خودمون با خلاقیت خودمون طرح بریزیم هر چند ضعیف هم باشه چون ب نظره بیشتر ب دل طراح میشینه.

    ب هر حال همه چی بستگی ب خودتون داره و هر طوری لذت میبرید کار کنید
    موفق باشید
    آخرین ویرایش به وسیله Mori Bone : جمعه 24 مهر 1394 در 20:45 عصر

  26. #346
    کاربر دائمی آواتار winner1
    تاریخ عضویت
    تیر 1392
    محل زندگی
    خلخال
    پست
    738

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط Twoplus2010 مشاهده تاپیک
    سلام اینم از طرح بندی منطرح ویندوز 10 SC2.jpgSC3.jpg
    اگه ناراحت نمیشی ویندوز نوشتی یا نرم افزار تحت ویندوز؟
    طرح بندیت خوبه ولی منطق اشتباه
    راجب فون منو همه یه امار بهمون میدی؟

  27. #347

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط Twoplus2010 مشاهده تاپیک
    سلام اینم از طرح بندی من
    طرح ویندوز 10 SC2.jpgSC3.jpg

    سلام ،

    درسته عنوان طرح شما طرح ویندوز 10 هست ولی صادقانه و خیلی رک و رو راست میرم سر اصل مطلب ، البته نه به عنوان انتقاد فقط میخوام یکم دیدگاه جهانی رو در رابطه با طراحی و توسعه نرم افزار براتون روشن کنم.
    به نظر میاد شما توانایی خوبی در طراحی دارید، یعنی میتونید اگر طرحی رو بهتون بدن در C#‎ و به کمک فناوری های موجودش پیاده سازیش کنید، ولی طرح شما نشانگر این هستش که دارای توانایی خوبی در تقلید و کپی کردن هستید! اما متاسفانه باید بگم از نظر قوانین UX کپی و الگو گرفتن و تکرار کردن طرح های رایج و عام توصیه نمیشه.

    حالا دیدگاه جهانی و کاربران چیه ؟ کاربری که ویندوز 10 رو داره به نظر شما این محیط براش آشنا نیست ؟ هدف از UX چیست ؟ کپی کردن و تکراری سازی طراح برای کاربران ؟! به هیچ عنوان چنین نیست، ما وقتی طراحی رو ایجاد میکنیم و قراره در قالب یک محصول روانه بازارش کنیم ابتدا باید به فکر انحصار نویسی و خلق طراحی انحصاری باشیم بهترین و تنها کلید موفقیت در رقابت در بخش UI یک محصول انحصاری بودنش هست، به عنوان مثال همین طرح شمارو اگر به 5 نفر نشون بدیم مطمئنان از 5 نفر هر 5 نفرش هم میگه این طرح تکراری هست، و این خودش یک بازخورد منفی و یا امتیاز منفی و در نتیجه کاهش ارزش محصول شما در بین گزینه های مشابهش خواهد بود.

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

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

    به هر حال موفق و پیروز باشید.

  28. #348
    کاربر دائمی آواتار winner1
    تاریخ عضویت
    تیر 1392
    محل زندگی
    خلخال
    پست
    738

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط کامبیز اسدزاده مشاهده تاپیک
    سلام ،

    درسته عنوان طرح شما طرح ویندوز 10 هست ولی صادقانه و خیلی رک و رو راست میرم سر اصل مطلب ، البته نه به عنوان انتقاد فقط میخوام یکم دیدگاه جهانی رو در رابطه با طراحی و توسعه نرم افزار براتون روشن کنم.
    به نظر میاد شما توانایی خوبی در طراحی دارید، یعنی میتونید اگر طرحی رو بهتون بدن در C#‎‎ و به کمک فناوری های موجودش پیاده سازیش کنید، ولی طرح شما نشانگر این هستش که دارای توانایی خوبی در تقلید و کپی کردن هستید! اما متاسفانه باید بگم از نظر قوانین UX کپی و الگو گرفتن و تکرار کردن طرح های رایج و عام توصیه نمیشه.

    حالا دیدگاه جهانی و کاربران چیه ؟ کاربری که ویندوز 10 رو داره به نظر شما این محیط براش آشنا نیست ؟ هدف از UX چیست ؟ کپی کردن و تکراری سازی طراح برای کاربران ؟! به هیچ عنوان چنین نیست، ما وقتی طراحی رو ایجاد میکنیم و قراره در قالب یک محصول روانه بازارش کنیم ابتدا باید به فکر انحصار نویسی و خلق طراحی انحصاری باشیم بهترین و تنها کلید موفقیت در رقابت در بخش UI یک محصول انحصاری بودنش هست، به عنوان مثال همین طرح شمارو اگر به 5 نفر نشون بدیم مطمئنان از 5 نفر هر 5 نفرش هم میگه این طرح تکراری هست، و این خودش یک بازخورد منفی و یا امتیاز منفی و در نتیجه کاهش ارزش محصول شما در بین گزینه های مشابهش خواهد بود.

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

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

    به هر حال موفق و پیروز باشید.
    آفرین یه سری کار هارو انجام میدیم ولی یه سری اصول رو فراموش میکنیم اصولی که خیلی سادس ولی بسیار مهمه

  29. #349
    کاربر دائمی
    تاریخ عضویت
    تیر 1390
    محل زندگی
    کرمانشاه
    پست
    1,487

    نقل قول: طراحی ظاهر برنامه UserInterface

    نقل قول نوشته شده توسط Mori Bone مشاهده تاپیک
    بفرمایید خدمت شما کد xaml قسمت هدر فرم:



    <Grid
    x:Name='gridHeader'
    HorizontalAlignment='Stretch'
    Margin='0'
    VerticalAlignment='Top'
    Width='Auto'
    Background='{x:Null}'>


    <!--******************** Window Title ************************-->
    <Grid
    Grid.Row='0'
    HorizontalAlignment='Stretch'
    VerticalAlignment='Top'
    Height='45'
    x:Name='gridMainTitle'>
    <Grid.ColumnDefinitions>
    <ColumnDefinition
    Width='auto' />
    <ColumnDefinition
    Width='auto' />
    <ColumnDefinition
    Width='auto' />
    <ColumnDefinition
    Width='*' />
    <ColumnDefinition
    Width='auto' />
    </Grid.ColumnDefinitions>

    <Rectangle
    Grid.Column='4'
    HorizontalAlignment='Right'
    VerticalAlignment='Bottom'
    Height='5'
    Width='60'
    Margin='0 0 0 0'
    Fill='Red'
    x:Name='subtitleShadow1'
    Visibility='Visible'>
    <Rectangle.Effect>
    <DropShadowEffect
    Direction='-90'
    Opacity='0.4'
    ShadowDepth='2'
    BlurRadius='6' />
    </Rectangle.Effect>
    </Rectangle>

    <Rectangle
    x:Name='headerbg'
    Grid.ColumnSpan='6'
    Fill='#FF2C3E50'
    Height='45'
    Stroke='{x:Null}'
    StrokeThickness='0'
    VerticalAlignment='Top' />


    <!-- SwipeMenuButton -->
    <ToggleButton
    x:Name='SwipeMenuButton'
    Cursor='Hand'
    Width='45'
    Background='Transparent'
    IsChecked='{Binding Path=SwipeMenuVisibility, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}'
    Margin='0 1 0 0'>
    <ToggleButton.Template>
    <ControlTemplate
    TargetType='ToggleButton'>
    <Grid
    Background='Transparent'>
    <StackPanel
    Background='Transparent'
    Orientation='Vertical'
    VerticalAlignment='Center'
    HorizontalAlignment='Center'>
    <Rectangle
    Fill='#fff'
    Width='19'
    Height='2'
    Margin='0 0 0 0' />
    <Rectangle
    Fill='#fff'
    Width='19'
    Height='2'
    Margin='0 4 0 0' />
    <Rectangle
    Fill='#fff'
    Width='19'
    Height='2'
    Margin='0 4 0 0' />
    </StackPanel>
    </Grid>
    </ControlTemplate>
    </ToggleButton.Template>

    </ToggleButton>
    <!-- - Window Icon - -->



    <!-- Window Icon -->
    <Grid
    x:Name='gridIcon'
    Grid.Column='1'
    HorizontalAlignment='Left'
    Height='55'
    Margin='10 10 0 -20'
    VerticalAlignment='Top'
    Width='55'>

    <Ellipse
    Fill='#FFECF0F1'
    HorizontalAlignment='Left'
    Height='55'
    Margin='0'
    Stroke='{x:Null}'
    VerticalAlignment='Top'
    Width='55'
    StrokeThickness='0'
    Grid.RowSpan='1'>
    <Ellipse.Effect>
    <DropShadowEffect
    BlurRadius='9'
    Opacity='0.7'
    Direction='0'
    ShadowDepth='0' />
    </Ellipse.Effect>
    </Ellipse>
    <Image
    Source='{TemplateBinding Icon}'
    Width='31'
    Height='31' />
    </Grid>
    <!-- - Window Icon - -->

    <!-- Window Main Title Text -->
    <TextBlock
    x:Name='txtMainTitle'
    Grid.Column='3'
    FontFamily='segoe ui'
    HorizontalAlignment='Left'
    Foreground='White'
    FontSize='13'
    FontWeight='Bold'
    Margin='29 0 0 0'
    VerticalAlignment='Center'
    Text='{TemplateBinding Title}' />
    <!-- - Window Main Title Text - -->

    <!-- Window Control Box -->
    <Grid
    Grid.Column='4'>
    <Button
    x:Name='btnMinimize'
    Width='50'
    Background='#FF2C3E50'
    HorizontalAlignment='Right'
    Margin='0,0,51,0'
    HorizontalContentAlignment='Center'
    Cursor='Hand'>
    <Button.Template>
    <ControlTemplate
    TargetType='{x:Type Button}'>
    <Grid>
    <Path
    x:Name='bg'
    Data='M 70,0 10,0 0,45 60,45 Z'
    Fill='{TemplateBinding Background}'
    HorizontalAlignment='Left'
    Height='45'
    Stretch='Fill'
    Stroke='{x:Null}'
    StrokeThickness='0'
    VerticalAlignment='Top'
    Width='60' />
    <ContentPresenter />
    </Grid>
    <ControlTemplate.Triggers>
    <Trigger
    Property='IsMouseOver'
    Value='True'>
    <Trigger.EnterActions>
    <BeginStoryboard>
    <Storyboard
    Storyboard.TargetName='bg'
    Storyboard.TargetProperty='Fill.Color'>
    <ColorAnimation
    Duration='0:0:0.2'
    To='#34495e' />
    </Storyboard>
    </BeginStoryboard>
    </Trigger.EnterActions>
    <Trigger.ExitActions>
    <BeginStoryboard>
    <Storyboard
    Storyboard.TargetName='bg'
    Storyboard.TargetProperty='Fill.Color'>
    <ColorAnimation
    Duration='0:0:0.1'
    To='#2c3e50' />
    </Storyboard>
    </BeginStoryboard>
    </Trigger.ExitActions>
    </Trigger>
    </ControlTemplate.Triggers>
    </ControlTemplate>
    </Button.Template>
    <Rectangle
    Fill='#FFFFFFFF'
    Height='2'
    Width='12'
    Margin='0,6,0,0'
    VerticalAlignment='Center'
    HorizontalAlignment='Center' />
    </Button>
    <Button
    x:Name='btnQuit'
    Background='#fa2653'
    BorderThickness='0'
    BorderBrush='{x:Null}'
    HorizontalAlignment='Right'
    Cursor='Hand'>
    <Button.Template>
    <ControlTemplate
    TargetType='{x:Type Button}'>
    <Grid>
    <Path
    x:Name='bg'
    Data='M 10,0 70,0 70,45 0,45 10,0 Z'
    Fill='{TemplateBinding Background}'
    HorizontalAlignment='Left'
    Height='45'
    Stretch='Fill'
    Stroke='{x:Null}'
    StrokeThickness='0'
    VerticalAlignment='Top'
    Width='60' />
    <ContentPresenter />
    </Grid>
    <ControlTemplate.Triggers>
    <Trigger
    Property='IsMouseOver'
    Value='True'>
    <Trigger.EnterActions>
    <BeginStoryboard>
    <Storyboard
    Storyboard.TargetName='bg'
    Storyboard.TargetProperty='Fill.Color'>
    <ColorAnimation
    Duration='0:0:0.2'
    To='#ff4f31' />
    </Storyboard>
    </BeginStoryboard>
    </Trigger.EnterActions>
    <Trigger.ExitActions>
    <BeginStoryboard>
    <Storyboard
    Storyboard.TargetName='bg'
    Storyboard.TargetProperty='Fill.Color'>
    <ColorAnimation
    Duration='0:0:0.1'
    To='#fa2653' />
    </Storyboard>
    </BeginStoryboard>
    </Trigger.ExitActions>
    </Trigger>
    </ControlTemplate.Triggers>
    </ControlTemplate>
    </Button.Template>
    <Path
    Data='M72.0101,0C90.4433,2E-06,108.882,7.01784,122.949,21.0535L384.892,282.359 646.792,21.0535C674.927,-7.01784 720.547,-7.01784 748.683,21.0535 776.775,49.1265 776.775,94.5986 748.64,122.67L486.74,383.975 748.683,645.324C776.818,673.397 776.775,718.89 748.683,746.962 720.547,775.002 674.927,775.023 646.792,746.962L384.892,485.635 122.949,746.962C94.814,775.023 49.1957,775.002 21.1022,746.962 -7.03405,718.89 -7.03405,673.397 21.1022,645.324L283.001,384.018 21.1022,122.67C-7.03405,94.5986 -7.03405,49.1265 21.1022,21.0535 35.1489,7.01784 53.5769,2E-06 72.0101,0z'
    Stretch='Uniform'
    Fill='#FFFFFFFF'
    Width='12'
    Height='Auto'
    Margin='0,0,-5,0'
    RenderTransformOrigin='0.5,0.5'
    VerticalAlignment='Center'
    HorizontalAlignment='Center' />
    </Button>
    </Grid>
    <!-- - Window Control Box - -->
    </Grid>
    <!--____________________ Window Title _________________________-->

    </Grid>

    سلام

    این برای WinForm هم میشه ؟ یا فقط WPF ?

  30. #350

    نقل قول: طراحی ظاهر برنامه UserInterface

    نقل قول نوشته شده توسط NasimBamdad مشاهده تاپیک
    سلام

    این برای WinForm هم میشه ؟ یا فقط WPF ?
    این کده xaml هست ک فقط میتونید توی wpf استفاده کنید

  31. #351
    کاربر دائمی آواتار FastCode
    تاریخ عضویت
    تیر 1388
    محل زندگی
    /dev/null
    پست
    3,486

    نقل قول: طراحی رابط کاربری - UserInterface

    این یک concept هست که هفته قبل درست کردم. gtk#3
    هنوز کار زیادی انجام نمیده.فقط قشنگه. و cross-platform
    Screenshot from 2015-10-02 20-52-37.pngScreenshot from 2015-10-02 19-53-43-cropped.png

  32. #352
    کاربر دائمی آواتار winner1
    تاریخ عضویت
    تیر 1392
    محل زندگی
    خلخال
    پست
    738

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط FastCode مشاهده تاپیک
    این یک concept هست که هفته قبل درست کردم. gtk#3
    هنوز کار زیادی انجام نمیده.فقط قشنگه. و cross-platform
    Screenshot from 2015-10-02 20-52-37.pngScreenshot from 2015-10-02 19-53-43-cropped.png
    خیلی خیلی گیج کنندست یکم بنمیدونم شایدم من اینطور شدم

  33. #353
    کاربر دائمی آواتار ghasem110deh
    تاریخ عضویت
    اردیبهشت 1393
    محل زندگی
    تهران
    پست
    1,148

    نقل قول: طراحی رابط کاربری - UserInterface

    این یک concept هست که هفته قبل درست کردم. gtk#3
    هنوز کار زیادی انجام نمیده.فقط قشنگه. و cross-platform
    من با رنگ روشن ش بیشتر حال کردم ...
    البته خیلی شلوغ هم هست !

    در کل قشنگه :)

  34. #354

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط FastCode مشاهده تاپیک
    این یک concept هست که هفته قبل درست کردم. gtk#3
    هنوز کار زیادی انجام نمیده.فقط قشنگه. و cross-platform
    Screenshot from 2015-10-02 20-52-37.pngScreenshot from 2015-10-02 19-53-43-cropped.png
    سلام. طرحه قشنگیه و ب نظره من تیرش بهتره چون فرمتون زیادی شلوغه و در هم سفیدش تو چشم میزنه و چشمو خسته میکنه. میتونید فاصله فیلد ها از همو بیشتر کنید

  35. #355
    کاربر دائمی آواتار golbafan
    تاریخ عضویت
    اردیبهشت 1388
    محل زندگی
    در قلب دوستان
    پست
    2,018

    نقل قول: طراحی رابط کاربری - UserInterface

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

    مشکلات:
    1- فیلدهای بسیار بسیار زیاد در یک صفحه
    2- اندازه های فیلدها نامیزون هست
    3- برخی دکمه ها فقط تکست دارن و تصویر ندارن
    4- اندازه فیلدها متناسب با متن ورودی نیست
    5- فاصله فیلدها از هم کم است
    6- فونت های انگلیسی ناخوانا هستند
    7- بعضی فیلدها اصلا مشخص نیست برای چی هستند؟؟!!!
    8- کامبوباکس های نامیزون
    9- و غیره...

    Screenshot from 2015-10-02 19-53-43-cropped.png

  36. #356

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط FastCode مشاهده تاپیک
    این یک concept هست که هفته قبل درست کردم. gtk#3
    هنوز کار زیادی انجام نمیده.فقط قشنگه. و cross-platform
    Screenshot from 2015-10-02 20-52-37.pngScreenshot from 2015-10-02 19-53-43-cropped.png
    و اینکه فونتتون چیه؟

  37. #357

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط Mori Bone مشاهده تاپیک
    و اینکه فونتتون چیه؟
    فکر کنم ایشون لینوکس دارن چون این فونت پیش فرض لینوکس هست.

  38. #358

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط hsgpro مشاهده تاپیک
    فکر کنم ایشون لینوکس دارن چون این فونت پیش فرض لینوکس هست.
    ممنون از پاسختون. شما این فونت رو ندارید تو نت پیدا نکردم؟ کسی نداره این فونتو دوستان؟

  39. #359

    نقل قول: طراحی رابط کاربری - UserInterface

    نقل قول نوشته شده توسط Mori Bone مشاهده تاپیک
    ممنون از پاسختون. شما این فونت رو ندارید تو نت پیدا نکردم؟ کسی نداره این فونتو دوستان؟
    نه والا منم فعلاً رو ویندوز 10 هستم.ایشون باید فونت رو آپلود کنن.

  40. #360
    کاربر دائمی آواتار FastCode
    تاریخ عضویت
    تیر 1388
    محل زندگی
    /dev/null
    پست
    3,486

    نقل قول: طراحی رابط کاربری - UserInterface

    فکر مکنم فونت فارسی Free Sans هست.
    فونت انگلیسی Tex Gyre chorus italic هست.

صفحه 9 از 44 اولاول ... 789101119 ... آخرآخر

تاپیک های مشابه

  1. پاسخ: 2
    آخرین پست: دوشنبه 14 دی 1394, 12:16 عصر
  2. آموزش: طراحی رابط کاربری پروژه + سورس
    نوشته شده توسط birtemp در بخش WPF
    پاسخ: 6
    آخرین پست: جمعه 25 مرداد 1392, 23:45 عصر
  3. پاسخ: 2
    آخرین پست: شنبه 26 فروردین 1391, 15:51 عصر
  4. طراحی رابط کاربری نرم افزار هایتان به چه شکل است ؟
    نوشته شده توسط sara66 در بخش مباحث عمومی دلفی و پاسکال
    پاسخ: 8
    آخرین پست: دوشنبه 05 دی 1390, 17:34 عصر
  5. طراحی رابط کاربری GUI
    نوشته شده توسط linux در بخش VB.NET
    پاسخ: 2
    آخرین پست: پنج شنبه 20 بهمن 1384, 19:05 عصر

برچسب های این تاپیک

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •