Desain UX / UI dari VS 2019 baru

Kami senang berbagi dengan Anda hari ini bahwa sebagai bagian dari pengembangan Visual Studio 2019, kami akan memperbarui tema kami, memperbarui ikon produk dan screen saver. Perubahan ini sebagai bagian dari desain UX / UI akan membantu Anda memulai lebih cepat. Kami ingin Anda menyampaikan pendapat Anda tentang pembaruan ini. Setiap komentar memengaruhi produk masa depan.

Sebagai CAP, kami memiliki perubahan pertama hari ini: ikon Visual Studio 2017 (kiri) dan ikon Visual Studio 2019 baru (kanan)

Artikel ini adalah terjemahan dari artikel dari Vusial Studio Blog kami.



Jadi, perubahan pertama: kami memutuskan untuk memperbarui ikon di VS2019. Ini dilakukan sebagian agar pengguna lebih mudah membedakan versi program mana yang telah dibuka dan digunakannya. Kami mengalami beberapa masalah dengan kegunaan gaya ikon di tahap awal Visual Studio 2017, dan kami fokus untuk menyelesaikan masalah ini di Visual Studio 2019.

Salah satu masalah yang muncul adalah bahwa gaya datar ikon saat ini membuatnya hampir tidak terlihat dengan latar belakang warna yang sama. Dengan mengadopsi Sistem Desain Lancar dan menerapkannya pada kedalaman, pencahayaan dan material, kami secara visual meningkatkan ikon sehingga jauh lebih terlihat pada latar belakang yang berbeda.



Masalah lain yang kami temui adalah perbedaan antara pratinjau dan versi final dari Visual Studio. Menggunakan ikon dapat memecahkan masalah ini, tetapi dalam VS2017 kesulitan lain muncul. Untuk Visual Studio 2017, ikon dirancang sebagai bagian dari keluarga besar produk Visual Studio. Metode yang kami gunakan adalah agar setiap lencana memiliki pita di sisi kanan. Namun, ini menyisakan sedikit ruang untuk logo itu sendiri.

Di Visual Studio 2019, kami menghapus semua bagian tambahan dari ikon. Kami ingin fokus pada elemen yang paling dikenal dari logo Visual Studio: yaitu, pada loop tanpa akhir.



Kami meningkatkan ukuran loop tak terbatas, yang memberi kami lebih banyak peluang untuk menunjukkan perbedaan antara ikon Pratinjau dan Rilis. Kami menggunakan pendekatan yang lebih berani ke logo Pratinjau. Dengan membagi bentuk ikon di beberapa tempat, kami mempertahankan bentuk keseluruhan ikon Visual Studio. Tetapi kami menunjukkan perbedaan yang jelas antara Pratinjau dan Rilis.

Kami sedang mengerjakan pendekatan serupa dengan ikon Visual Studio untuk Mac yang baru, yang akan debut dalam pengumuman yang akan datang.

Lebih mudah menjalankan kode



Mulai jendela di Visual Studio untuk Mac (kiri) dan Visual Studio (kanan)

Melalui penelitian dan observasi, kami telah mengidentifikasi cara-cara untuk menyederhanakan pilihan yang harus Anda buat selama langkah-langkah paling penting dalam memulai dengan Visual Studio. Kami menyadari bahwa kami perlu menghapus apa yang kami sebut "loncatan keluar" dan memberi Anda jalur terbaik ke kode.

Terlepas dari apakah Anda seorang pemula atau pengembang Visual Studio yang berpengalaman, jendela peluncuran baru menyediakan akses cepat ke cara yang paling umum bagi pengembang untuk mulai bekerja dengan kode: kloning atau memeriksa kode, membuka proyek, membuka folder lokal pada PC Anda, atau membuat proyek baru.

Akhirnya, kami juga memikirkan kembali pengalaman membuat proyek baru dengan daftar baru template paling populer dan kemampuan pencarian dan penyaringan yang ditingkatkan. Dengan desain baru dan pendekatan selangkah demi selangkah untuk memilih templat dan pengaturannya, kami yakin kami membuatnya lebih sedikit kelebihan beban sehingga Anda dapat fokus pada satu solusi pada satu waktu. Anda juga dapat mempelajari bahasa lain, platform, dan jenis proyek yang didukung oleh Visual Studio, dan Anda akhirnya dapat menginstalnya tanpa masalah.

Tema biru yang diperbarui



Tema biru yang diperbarui (kiri) di sebelah tema biru saat ini (kanan)

Salah satu efek visual paling nyata yang dapat Anda lihat ketika Anda memulai Visual Studio 2019 adalah tema biru kami yang diperbarui. Lebih dari setengah dari Anda menggunakan tema biru, tetapi tidak berubah di VS2012. Kami fokus pada keinginan untuk memperbarui antarmuka Visual Studio. Kami membuat perubahan kecil pada seluruh antarmuka pengguna, sudut yang diperhalus.

Performa di ujung jari Anda



Ruang saat ini (atas) dan versi yang disederhanakan untuk Visual Studio 2019 (bawah)

Dalam mencari peluang untuk mengurangi kekacauan, kami mulai dengan bilah alat. Dengan menghapus baris nama file, kami dapat memikirkan kembali toolbar Visual Studio tanpa secara signifikan mengubah alur kerja. Kami mengubah pencarian: dalam versi yang akan datang Anda akan melihat bahwa pencarian di Visual Studio 2019 lebih kuat dan akurat.

Live Share sekarang memiliki tempat yang stabil di antarmuka. Orang-orang yang bekerja dengan Anda juga terlihat di sana.

Pemberitahuan yang terlihat




Di awal tahun depan, antarmuka pengguna notifikasi akan diperbarui di salah satu rilis awal kami. Dari penelitian: notifikasi saat ini tidak sepenuhnya puas dengan pengembang. Pemberitahuan sekarang akan muncul di bilah status di bagian bawah IDE. Ini akan membantu pengembang untuk tidak kehilangan konsentrasi selama bekerja.

Menunggu tanggapan Anda!


Bagikan ulasan, baca, dan pertimbangkan semuanya.

Source: https://habr.com/ru/post/id430160/


All Articles