Halo semua! Windows IXP (sebelumnya Komposisi) PM di sini yang ingin menambahkan ide-ide saya ke dalam campuran :) berikut adalah beberapa yang telah saya mainkan - beri tahu saya pendapat Anda!

Kiriman Anda luar biasa, @embender. Saya sangat suka yang terakhir dan yang pertama.

Dengan cepat mengolok-olok ikon WinUI yang tidak akan diparkir tidak pada tempatnya untuk produk lain di dalam suite.

Luar biasa, @iconredesign! Saya suka penggunaan nuansa Anda di ikon untuk membangkitkan wilayah aplikasi.

Untuk menghindari penggabungan dengan ikon Microsoft Word (di bawah), apa pendapat Anda tentang mengkooptasi beberapa warna Sistem Desain Lancar atau yang serupa?

Sangat! Saya mencoba mempertahankan warna tema WinUI, tetapi muncul di kepala saya bahwa mungkin sekilas mereka bisa terlihat satu dan sama.

Saya akan melihat pedoman yang disajikan dan mengirimkan revisi. Terima kasih!

@iconredesign

Sangat! Saya mencoba mempertahankan warna tema WinUI, tetapi muncul di kepala saya bahwa mungkin sekilas mereka bisa terlihat satu dan sama.

Saya akan melihat pedoman yang disajikan dan mengirimkan revisi. Terima kasih!

Inilah kabar baiknya: Anda dapat membantu kami menstandardisasi warna tema baru. Pedoman kami sengaja longgar dalam hal itu sehingga kami dapat memiliki kebebasan untuk membuat ini luar biasa!

@SavoySchuler

Barang curian

Berharap untuk melihat beberapa kemeja tersedia untuk dibeli setelah logo resmi.

@SavoySchuler

Barang curian

Berharap untuk melihat beberapa kemeja tersedia untuk dibeli setelah logo resmi.

@shaggygi , dicatat! Desain seperti apa yang akan membuat Anda memakai salah satu kemeja kami setiap minggu selama beberapa tahun ke depan? Bar saya untuk barang curian setidaknya setinggi itu. 😉

@SavoySchuler Saya tidak suka terlalu mencolok . Saya biasanya memakai baju GitHub saya setiap beberapa minggu. Logo akhir yang sederhana akan menyenangkan ... mungkin cukup bagi orang lain untuk penasaran bertanya apa artinya menjelaskan/mempromosikan.

Saya kira penting bagi seorang desainer untuk menawarkan manifesto lengkap, jadi ini dia.

Logo tersebut tentu saja membangkitkan produk software lain dari Microsoft. Ini memperjelas organisasi di belakangnya, dan ikonografi UI tiruan dengan jelas mendefinisikan untuk apa aplikasi ini. WinUI > membedakan dirinya dari produk Office, penggunaan tanda kurung dan garis miring sebagai ganti huruf membuatnya sangat berbeda dan menghindari penggabungan huruf demi huruf. Secara keseluruhan, ikon tersebut dengan jelas mengomunikasikan bahwa 1) Ini adalah produk Microsoft, 2) Ini adalah alat berbasis kode untuk desain UI, dan 3) Ini BUKAN produk Office.

Desain datar menggabungkan elemen yang membawa warna tema utama aplikasi ke latar belakangnya. Secara metaforis, ini adalah "dasar" aplikasi, dan sejalan dengan skema desain aplikasi seperti Excel. Sebuah kesimpulan dapat ditarik secara visual di mana "WebUI adalah dasar dari desain UI yang bertumpu di atas. Itu memungkinkan".

Selama penelitian singkat saya tentang WinUI untuk memastikan bahwa logo saya benar-benar mewakili produk, saya mendapatkan gambar unggulan yang menampilkan antarmuka sampel yang menunjukkan luasnya elemen antarmuka. Abu-abu diangkat dari gambar itu secara simbolis untuk mencapai 1) Kesederhanaan pewarnaan untuk menghindari desain yang jelek, 2) Ini hanya perbedaan warna dari putih dan juga netral, dan 3) Untuk menyoroti hierarki yang semakin memperkuatnya dengan perdagangan Desain Antarmuka Pengguna (yang saya pribadi suka), dan 4) nada abu-abu yang berbeda berarti metafora ini akan berfungsi terlepas dari ukuran ikon yang dirender, yang paling penting, ukurannya di Bilah Tugas.

Jadi mengenai standarisasi, warna apa yang lebih baik untuk mewakili Antarmuka Pengguna Microsoft daripada warna yang sudah digunakan untuk mewakili desain? Itu sudah mengalir sempurna dengan warna putih.

Semoga Anda menyukainya, dan jika Anda memiliki masalah, jangan ragu untuk menyampaikannya!

Saya mohon maaf jika Anda merasa bahwa saya terjebak pada desain ini, jadi saya terbuka untuk menyegarkan jika lebih tepat.

@iconredesign
Ide di balik desain Anda baik-baik saja, tetapi eksekusi memiliki masalah.

Pertama, mengapa ada 3 jari-jari sudut yang dibulatkan? Pilih satu untuk bingkai utama, dan lainnya untuk kotak dengan > di dalamnya dan kartu-kartunya.

Kedua, warna perlu sedikit penyesuaian, tidak masuk akal untuk memiliki bayangan terang di atas, lalu gelap di bawahnya.

Ketiga, saya berasumsi Anda mencoba membuat bayangan dengan beberapa kotak gelap dengan opacity? Itu akan baik-baik saja untuk sesuatu yang lebih abstrak, tetapi dalam kebanyakan kasus itu bukan cara melakukannya.

Juga, desainnya terlihat seperti Anda mengambil sebuah ikon, membuatnya menjadi vektor di Illustrator dan sedikit mengubah hal-hal (seperti kesan pertama saya).

Itu sebabnya saya membutuhkan pendapat dari luar karena saya kebal untuk terjebak di kepala saya.

Saya akan mempertimbangkan saran Anda dan memperbaikinya. Terima kasih!

Perhatikan bahwa drop shadow masih awal, sehingga final tidak akan terlihat berantakan. Ini benar-benar tidak tersentuh dari apa yang awalnya seharusnya hanya sebuah mockup.

Hai @SavoySchuler , Saya ingin tahu apa misi WinUI menurut Anda? Saya bertanya karena akan lebih baik untuk membangkitkan pemikiran itu melalui logo baru. Terima kasih!

@iconredesign

Perhatikan bahwa drop shadow masih awal, sehingga final tidak akan terlihat berantakan. Ini benar-benar tidak tersentuh dari apa yang awalnya seharusnya hanya sebuah mockup.

Bukankah mengklik satu tombol untuk mendapatkan bayangan lebih mudah daripada membuat persegi panjang, memilih warna, mengurangi opacity dan kemudian menyalinnya? 😄

Mengatasi semua masalah:

1 - Menyatukan semua jari-jari, dan memperbaiki bagian atas ikon, yang merupakan kesalahan besar. Kartu telah diperbaiki untuk menggunakan sudut lurus antarmuka.

2 - Bilah navigasi sekarang lebih gelap, berbagi warna yang sama dengan item menu pertama dalam daftar.

3 - Akhirnya mengklik "satu tombol" yang disebutkan di atas setelah mempercepat bagian itu untuk mockup awal sehingga drop shadow akan terlihat jauh lebih bagus sekarang.

Mencari sesuatu yang mungkin hilang dari ikon, tetapi saya pikir itu terlihat baik-baik saja untuk saat ini.

@iconredesign
Sekarang sedikit lebih baik dengan perbaikan

IDK, mungkin hanya saya, tapi mungkin mencoba arah baru? Itu mengingatkan saya pada ikon Word terlalu banyak ...

Anda bertanya, saya memberikan! Pengambilan yang berbeda, jadi > adalah bagian dari antarmuka, dan elemen diangkat dari sheet sehingga elemen evokasi masih dimainkan. Biru adalah biru WinUI.

@iconredesign
Meningkat, tetapi sekarang kami telah melewati tikungan yang terlalu datar dan terlalu tajam. Lancar bergerak menuju gradien (sedikit), bayangan, dan sudut membulat.

Kotak abu-abu/putih mewakili item menu atau?

Sunting: juga, pikirkan tentang ukuran kecil (seperti yang disebutkan dalam posting pertama), tidak yakin seberapa dapat diuraikan yang ini :)

Varian ini dirancang dengan mempertimbangkan ukuran kecil. Pada ukuran itu, Anda tidak dapat benar-benar menggunakan gradien dan sudut membulat secara efektif karena bagaimana semuanya menyusut sehingga elemen-elemen ini menghilang.

Yakinlah bahwa desain ini terlihat sempurna di Taskbar. Elemen utama adalah menu tarik-turun dari bilah navigasi.

@iconredesign
Buat versi "lebih besar" kemudian :D

Juga, Anda dapat menggunakan gradien bahkan pada ukuran yang lebih kecil, itu akan tetap terlihat ;)
Contoh: Ikon Visual Studio (Kode), Teks Sublime, Adobe suite, ...

Saya pasti siap dengan menjelajahi beberapa arah! Saya harus mencatat bahwa saya sangat menyukai kiriman ini oleh @iconredesign :

Ada beberapa hal yang saya suka:

• Penyelarasan dengan ikon Microsoft Office Suite merupakan pelengkap dari kumpulan ikon. Secara visual, Anda tahu siapa yang menawarkan produk dan membangkitkan kepercayaan.
• Metafora aplikasi sangat bagus. Scrollbar dan flyout out-of-root-window adalah panggilan tajam ke set kontrol kami, baru dan lama.
• Teks > menambahkan kejelasan pada konsep bahwa ini adalah alat untuk pengembang.

Ide untuk konsep:

• Perhatian utama tampaknya adalah penggabungan dengan skema warna Word. Sesuatu yang bagus tentang desain @embender yang, dengan bercabang menjadi skema warna dua nada, desain pertama dan ketiganya dapat berhasil memanfaatkan warna tanpa menyimpang terlalu dekat dengan wilayah ikon Office. Bisakah desain ini menggabungkan sepasang warna seperti hijau/ungu @embender atau yang lainnya?
• "Konten aplikasi" dapat dikonfigurasi ulang juga tidak terlalu mirip dengan Word - mungkin sesuatu yang menampilkan kisi atau menggunakan ProgressRing? Aplikasi "Galeri Kontrol Xaml" di Windows Store akan menampilkan seluruh koleksi kontrol UI dan ikonnya.

Pratinjau ikon kontrol dari aplikasi Galeri Kontrol Xaml:

Mungkin beberapa visual di sini bisa dijadikan inspirasi? Semua ini dapat diklik untuk melihat perilaku visual nyata dari kontrol UI juga.

@SavoySchuler akan menyenangkan jika mereka mendapat perawatan Lancar juga, gaya saat ini terlihat seperti ikon bilah alat VS2015/17 bagi saya

Saya akan membuat mockup besok dan mempostingnya

Mungkin hanya bagian </> dari ikon saat ini,

Atau retro dari yang lama, bagaimana dengan memodernisasi ikon yang sudah dikenal, misalnya

Maafkan sketsa saya yang ceroboh.

Juga seperti @iconredesign , mungkin menggunakan font ramah WinUI yang berbeda untuk kawat gigi gt-lt, dan bagi saya hanya bagian kawat gigi saja sudah cukup, tidak perlu untuk sisanya.

Saya memilih untuk menjadi padat minimal dan sederhana. Tidak ada gradien tolong, membuat saya merasa 97'.

@SavoySchuler Ikon W indah, tetapi meneriakkan MS Office Word, mabe alih-alih W sesuatu yang lain, </> atau apa pun yang culun dan akrab.

Hei, hampir lupa menyebutkan, logo saat ini juga berfungsi untuk saya!

Mungkin kita harus menjauhi gaya ikon Office yang baru. Ikon-ikon ini adalah bagian dari rangkaian produk Office 365 - jadi bagi saya tidak masuk akal untuk menerapkannya pada semua yang terkait dengan Microsoft.

Ingat, mendesain ikon dengan skala yang baik sangat, sangat sulit (seperti yang baru saja kalian ketahui saat mengenakannya di t-shirt :)). Saya sarankan untuk menghubungi tim Desain Microsoft untuk melihat apakah ada orang yang dapat membantu kami dalam hal ini.

Saya mencoba, terinspirasi oleh logo .NET Core yang sangat mendasar. Mereka tidak benar-benar 'menjerit' kerangka UI, jadi itu mungkin menjadi masalah. Di sisi lain, mungkin cocok dengan logo kerangka lain seperti keluarga .NET.

Konsep 1

Konsep 2

Konsep 3

@neils9001 FWIW, saya sangat suka konsep 1; ide bagus tentang inspirasi di sana. (Saya lebih suka teks WinUI semua dalam satu baris, vs Konsep 2). Konsep 3 juga cukup bagus; tampak terukur, sederhana, dan apik.

Saya pikir jika kita sudah berada di sini, memikirkan ikon dan branding untuk WinUI, mungkin kita juga dapat mempertimbangkan "setengah lainnya", API sistem (paket NuGet Microsoft.Windows.SDK.Contracts ), sebut saja WinAPI.

Saya bisa membayangkan desain ikon seperti Office dengan teks menjadi "UI" atau "API" dan untuk UI sisanya akan menjadi seperti salah satu seni fasih abstrak (seperti ini ), dan "API" bisa jadilah satu bijih lagi roda penggerak... roda penggerak yang lancar.

Mungkin logo ketat, label kecil bisa saja Logo Windows dan teks "UI" atau "API" di sebelahnya. Ditambah tentu saja bagian artistik dengan hal-hal abstrak yang lancar dan roda penggerak.

@MySelfMaruf secara pribadi saya berharap WinUI tidak terikat ke Windows. TBH Saya berharap nama itu bukan Win. Jadi secara mental terbuka untuk perluasan masa depan dari .NET Core UI yang bekerja pada .NET Core (atau bahkan lingkungan .NET Standard).
Lihat permintaan fitur ini .

Saya sebenarnya memiliki pemikiran serupa tentang konsep "UI" @petroemil

Inilah upaya pertama yang saya bersihkan, dan edit:

Saya ingin menyusun kiriman kedua yang terpisah dari windows, setuju dengan @weitzhandler bahwa mungkin ide yang baik untuk menghindari menghubungkan gaya ini dan Windows atau Microsoft secara langsung.

@AmNotADev

@weitzhandler bahwa mungkin ide yang baik untuk menghindari menghubungkan gaya ini dan Microsoft secara langsung

Saya mengacu pada Windows, bukan Microsoft.

Saya sebenarnya memiliki pemikiran serupa tentang konsep "UI" @petroemil

Saya ingin menyusun kiriman kedua yang terpisah dari windows, setuju dengan @weitzhandler bahwa mungkin ide yang baik untuk menghindari menghubungkan gaya ini dan Microsoft secara langsung.

Sepakat. Mungkin sesuatu .Net Core UI atau .Net UI akan menarik untuk dipikirkan. Namun saya akan merekomendasikan untuk sekarang berafiliasi dengan ikon-ikon ini dengan merek Office. Hanya merek Office saat ini yang menggunakan potongan kecil. dengan droppanel.

Juga, jika ini akan memicu rebranding dan penamaan yang lengkap - bagaimana kami dapat mengintegrasikan Windows Community Toolkit dengan lebih baik?

WinUI
Toolkit Komunitas WinUI?

Saya buruk, tapi saya setuju dengan itu @weitzhandler

Untuk menjelaskan mengapa saya mengambil rute ini untuk draf pertama saya, ini bukan hanya gaya merek kantor, platform Microsoft lainnya menggunakan gaya logo ini termasuk Skype, OneDrive, dan Microsoft Teams (Skype dan OneDrive tidak memiliki potongan, tetapi Teams memiliki dia).

Saya pikir itu akan menjadi eksperimen yang rapi untuk melihat seperti apa logo bermerek, dengan gaya itu, sebelum saya mencoba yang lain. cc @niels9001

@niels9001 @weitzhandler WinUI tidak eksklusif .NET, ini kerangka UI untuk aplikasi asli juga dan saya mungkin ingat sesuatu tentang dukungan Python di masa depan? Belum lagi itu juga kerangka kerja yang mendasari untuk hal-hal seperti Xamarin, Uno atau solusi React Native yang akan datang.

Selalu menyenangkan melihat komunitas berkumpul di ikonografi! ✨

Saya telah membuat draf awal yang menurut saya dapat diskalakan dengan cukup baik di berbagai media/merchandise. Di tengah adalah kubus bulat dengan setiap wajah yang diarsir dengan berbagai warna—saat ini diambil dari palet merek Windows, ini jelas dapat diubah.

Tanda lebih besar/kurang dari melingkupi kubus. Ini tidak terlihat pada ukuran yang lebih kecil, melainkan berfokus pada kubus.

Logo juga dapat digariskan untuk tujuan merchandise. Mengejek ide tentang bagaimana itu bisa terlihat di t-shirt.

Masih WIP, umpan balik sangat dihargai. 😊 Saya sendiri khawatir karena rasanya terlalu abstrak, tetapi saya akan membiarkan komunitas menilai itu!

@itsmichaelwest menukik dan melakukan pekerjaan yang sangat baik seperti biasa :)

Saya telah membuat sketsa beberapa ide, dan saya akan mulai mencoba membuatnya menjadi ide yang lebih halus.

Ini adalah salah satu berdasarkan logo Visual Studio

Berikut adalah logo yang terinspirasi dari situs Desain Lancar

Ikon halus skala 16px dan 32px

Saya sebenarnya memiliki pemikiran serupa tentang konsep "UI" @petroemil

Saya ingin menyusun kiriman kedua yang terpisah dari windows, setuju dengan @weitzhandler bahwa mungkin ide yang baik untuk menghindari menghubungkan gaya ini dan Microsoft secara langsung.

Sepakat. Mungkin sesuatu .Net Core UI atau .Net UI akan menarik untuk dipikirkan. Namun saya akan merekomendasikan untuk sekarang berafiliasi dengan ikon-ikon ini dengan merek Office. Hanya merek Office saat ini yang menggunakan potongan kecil. dengan droppanel.

Juga, jika ini akan memicu rebranding dan penamaan yang lengkap - bagaimana kami dapat mengintegrasikan Windows Community Toolkit dengan lebih baik?

WinUI
Toolkit Komunitas WinUI?

Dari perspektif jangka panjang, haruskah desainnya tidak menggunakan penamaan Windows (win) UI?

Saya sebenarnya memiliki pemikiran serupa tentang konsep "UI" @petroemil

Saya ingin menyusun kiriman kedua yang terpisah dari windows, setuju dengan @weitzhandler bahwa mungkin ide yang baik untuk menghindari menghubungkan gaya ini dan Microsoft secara langsung.

Sepakat. Mungkin sesuatu .Net Core UI atau .Net UI akan menarik untuk dipikirkan. Namun saya akan merekomendasikan untuk sekarang berafiliasi dengan ikon-ikon ini dengan merek Office. Hanya merek Office saat ini yang menggunakan potongan kecil. dengan droppanel.

Juga, jika ini akan memicu rebranding dan penamaan yang lengkap - bagaimana kami dapat mengintegrasikan Windows Community Toolkit dengan lebih baik?

WinUI
Toolkit Komunitas WinUI?

Hargai panggilan keluar @niels9001. ❤

Namun, Windows Community Toolkit lebih dari sekadar UI (meskipun kontrol dan kerja XAML kami adalah bagian terbesar dari apa yang digunakan). Saya belum yakin seberapa masuk akal co-branding di sini, terutama karena tim WinUI tidak mengelola Toolkit, kami adalah organisasi yang terpisah. Jadi, itu akan menjadi diskusi yang lebih besar untuk dilakukan di tempat lain.

Untuk masukan desain, saya sangat menyukai ikon buku yang ada, karena ini adalah perpustakaan kontrol...

Yang mengatakan ada beberapa desain yang membuat saya berpikir saya mungkin bisa berubah pikiran... Setuju kita harus menjauhi pola desain Office.

Hai @SavoySchuler , Saya ingin tahu apa misi WinUI menurut Anda? Saya bertanya karena akan lebih baik untuk membangkitkan pemikiran itu melalui logo baru. Terima kasih!

Ini adalah pertanyaan yang luar biasa, @saraclay! Kami tidak memiliki misi formal untuk WinUI karena terus berkembang untuk memenuhi kebutuhan komunitas kami, tetapi tujuan kami untuk WinUI 3 adalah ini:

"WinUI 3 akan membawa platform presentasi Windows modern ke lebih banyak pengembang, lebih cepat, dengan cara yang lebih terbuka."

Saya dapat membongkar konten di dalamnya sedikit lebih banyak jika itu akan membantu - saya hanya ingin memastikan untuk tidak memadati semangat kreatif dengan detail teknis. Kabari saja! 😊

Inilah pandangan saya tentang logo buku saat ini, bergaya agar terlihat seperti ikon Fabric Office. Saya juga mengambil kebebasan untuk membuat konsep untuk "WinAPI", seperti yang disebutkan @petroemil sebelumnya.

Kain WinUI

Kain WinAPI [A]

Kain WinAPI [B]

Tentang topik penamaan

Saya sebenarnya memiliki pemikiran serupa tentang konsep "UI" @petroemil

Saya ingin menyusun kiriman kedua yang terpisah dari windows, setuju dengan @weitzhandler bahwa mungkin ide yang baik untuk menghindari menghubungkan gaya ini dan Microsoft secara langsung.

Sepakat. Mungkin sesuatu .Net Core UI atau .Net UI akan menarik untuk dipikirkan. Namun saya akan merekomendasikan untuk sekarang berafiliasi dengan ikon-ikon ini dengan merek Office. Hanya merek Office saat ini yang menggunakan potongan kecil. dengan droppanel.
Juga, jika ini akan memicu rebranding dan penamaan yang lengkap - bagaimana kami dapat mengintegrasikan Windows Community Toolkit dengan lebih baik?
WinUI
Toolkit Komunitas WinUI?

Dari perspektif jangka panjang, haruskah desainnya tidak menggunakan penamaan Windows (win) UI?

Saya melihat banyak perdebatan hebat tentang penamaan produk. Ini adalah pertanyaan yang bagus untuk ditanyakan!

Seperti yang dicatat oleh @petroemil , WinUI tidak eksklusif .NET. Ini adalah kerangka kerja UI modern untuk aplikasi asli Windows yang dapat dimanfaatkan oleh beberapa kerangka kerja pengembangan termasuk React Native serta kerangka kerja yang mendasari untuk hal-hal seperti Xamarin dan Uno.

Tujuan kami adalah memberi Anda semua cara tercepat, termudah, paling terbuka untuk membuat UI kelas dunia. Pikirkan "menang" di "WinUI" sebagai "🏆UI". Anda pikir saya bercanda - tetapi kami melakukan ini sepanjang waktu di tim Dev (WinDev) kami.

Jika ada yang bisa memikirkan cara untuk menerjemahkan menjadi logo yang sah, Anda akan membuat minggu @jeffbog .

Saya juga ingin menunjukkan bahwa ikon Fabric (saya melihatnya disebut di sini sebagai "ikon Office") _tidak_ terbatas pada MS Office. Misalnya, Ponsel Anda dan Terminal Windows baru semuanya menggunakan ikon Fabric, meskipun faktanya ikon tersebut tidak terkait sama sekali dengan Office.

Tampaknya gaya Fabric diarahkan untuk layanan lintas platform, termasuk Telepon Anda, Terminal (karena berisi Ubuntu), dan Azure (situs web menggunakan Fabric). Jika WinUI dimaksudkan untuk menjadi (datang) lintas platform juga, akan sempurna untuk mengaitkan WinUI dengan layanan lintas platform lainnya.

@yoshiask Saya pergi dengan inspirasi yang sama beberapa posting di atas milik Anda! Saya juga mencoba membuat poin yang sama tentang Fabric, tetapi Anda membawanya pulang jauh lebih baik daripada saya.

Saya suka bagaimana Anda ternyata, tetapi mereka merasa sedikit lebih kompak daripada logo Fabric saat ini.

@AmNotADev Bisakah Anda menguraikan "kompak"? Maksud Anda dari segi warna (pada bagian 'isi'), atau potongan ('kartu' dengan ">")?

@yoshiask lebar bagian "latar belakang" logo sepertinya tidak cocok dengan proporsi logo Fabric lainnya, terlihat sedikit... terjepit? Saya akan membuatnya sedikit lebih lebar sehingga keseluruhan logo terasa lebih persegi.

Saya memiliki masalah yang berlawanan dan membuat saya agak terlalu lebar untuk dicocokkan.

Ah, poin yang adil. Saya pikir saya cocok dengan proporsi desain saat ini ketika saya sedang mengerjakannya, dan saya lupa untuk mengubahnya kembali.

Seperti, inilah hasil edit saya pada kiriman sebelumnya oleh saya jika saya memperbaiki ukuran dan posisi saya.

Lebarnya tetap ('undercard', warnanya salah biru, ups. Saya tidak ingin spam, jadi saya akan membiarkannya sekarang)

Redid desain @AmNotADev menggunakan template Fabric saya.

@SavoySchuler

Hampir terlihat seperti seni kata PowerPoint

Versi skala, seperti Office, gaya Ikon Lancar Windows 10 (termasuk Kebisingan Akrilik), mempertahankan metafora Buku.

Versi flat dan monokrom dari desain yang sama yang saya bagikan sebelumnya, ditambah mock-up t-shirt. Ini Kain di atas kain!

Halo!

Berikut adalah ide desain awal saya.
Bagaimana menurutmu?

Hai, yang di sana!
Ini Ide saya untuk WinUI

Tentang topik penamaan

Saya sebenarnya memiliki pemikiran serupa tentang konsep "UI" @petroemil

Saya ingin menyusun kiriman kedua yang terpisah dari windows, setuju dengan @weitzhandler bahwa mungkin ide yang baik untuk menghindari menghubungkan gaya ini dan Microsoft secara langsung.

Sepakat. Mungkin sesuatu .Net Core UI atau .Net UI akan menarik untuk dipikirkan. Namun saya akan merekomendasikan untuk sekarang berafiliasi dengan ikon-ikon ini dengan merek Office. Hanya merek Office saat ini yang menggunakan potongan kecil. dengan droppanel.
Juga, jika ini akan memicu rebranding dan penamaan yang lengkap - bagaimana kami dapat mengintegrasikan Windows Community Toolkit dengan lebih baik?
WinUI
Toolkit Komunitas WinUI?

Dari perspektif jangka panjang, haruskah desainnya tidak menggunakan penamaan Windows (win) UI?

Saya melihat banyak perdebatan hebat tentang penamaan produk. Ini adalah pertanyaan yang bagus untuk ditanyakan!

Seperti yang dicatat oleh @petroemil , WinUI tidak eksklusif .NET. Ini adalah kerangka kerja UI modern untuk aplikasi asli Windows yang dapat dimanfaatkan oleh beberapa kerangka kerja pengembangan termasuk React Native serta kerangka kerja yang mendasari untuk hal-hal seperti Xamarin dan Uno.

Tujuan kami adalah memberi Anda semua cara tercepat, termudah, paling terbuka untuk membuat UI kelas dunia. Pikirkan "menang" di "WinUI" sebagai "🏆UI". Anda pikir saya bercanda - tetapi kami melakukan ini sepanjang waktu di tim Dev (WinDev) kami.

Jika ada yang bisa memikirkan cara untuk menerjemahkan menjadi logo yang sah, Anda akan membuat minggu @jeffbog .

Sebelumnya saya mohon maaf atas kemampuan desain saya, silahkan gunakan imajinasi anda saat melihat sketsa berikut :

Bagaimana jika logonya berupa koin, medali (bukan piala/piala)?

Dalam kasus WinUI, itu bisa berupa koin perak dengan palet cat emas di dalamnya? Atau lekukan luar palet bisa menjadi lingkaran yang lebih sempurna dan bagian lingkaran yang tersisa bisa diisi dengan potongan perak.

Dan WinAPI bisa menjadi koin perak dengan - bertentangan dengan ilustrasi di bawah ini - roda gigi yang relatif tipis di tepinya dengan banyak gigi.

Satu sisi koin bisa berupa teks UI / API atau simbol </> / { # } (meskipun simbol di dalam simbol mungkin terlalu berlebihan simbolisme), dan sisi lain bisa menjadi logo Windows.

Perlu sedikit imajinasi, tapi saya bisa membayangkan ini benar-benar terlihat bagus.

Beberapa contoh tambahan dari interwebs:

• Jenis desain koin roda gigi yang ada di kepala saya: tautan
• Dan karena saya sudah di sana, mencari contoh, saya menyadari bahwa koin BitCoin juga terlihat sangat keren: tautan

Inilah konsep saya

Berdasarkan beberapa sketsa @mdtauk

@SavoySchuler Ubah nama untuk Hybrid + UI = HybrUI
UI untuk semua platform. HybrUI di GitHub.

TERIMA KASIH ATAS IDE LUAR BIASA ANDA: Warna dan Tema XML juga terbuka untuk variasi!

Saya pikir kami mungkin telah mendorong jajak pendapat sedikit dengan memiliki logo yang sudah ada sebelumnya karena banyak dari desain ini merujuk pada tema XML. Ini baik-baik saja! Tetapi XML juga _hanya salah satu_ dari bahasa pemrograman yang dapat Anda gunakan. Sama dengan skema warna - tidak perlu menggunakan warna biru dan putih!

Jika Anda dapat memikirkan ide-ide trendi dan trendi yang menumbangkan tema dan/atau warna ini, Anda dianjurkan untuk membagikannya!

Yang sedang berkata - mengganti nama WinUI bukanlah objek dari upaya ini, tetapi jika ide logo Anda bergantung pada penggantian nama, jangan ragu untuk mengirimkannya. Perlu diketahui bahwa logo yang menggunakan nama "WinUI" kemungkinan akan menerima lebih banyak perhatian dari mereka yang akan membuat pilihan akhir.

Kalian semua adalah yang terbaik. Ternyata ini luar biasa! 🏆

@IUsername - @mdtauk dan @embender juga memiliki beberapa skema warna eksperimental di atas.

Saya melihat penggunaan citra kubus dan kurung sebagai XAML daripada XML secara lebih luas. Tapi ya WinUI lebih dari XAML, jadi bergerak di luar ikonografi XAML mungkin lebih baik.

Saya telah mencoba berfokus pada aspek Buku/Perpustakaan, dan aspek XAML (seperti saat ini, XAML adalah satu-satunya kerangka kerja UI yang digunakan WinUI, dengan WPF dan GDI membawa XAML ke dalam kerangka kerja mereka)

Inilah ide pirus saya hari ini, diperbesar 3x dari 64px. SERU!

Sejujurnya, saya tidak melihat ada yang salah dengan tetap berpegang pada skema warna biru & abu-abu. Biru dan ungu (terutama biru) tampaknya paling kuat terkait dengan Windows, jadi saya tidak melihat masalah dengan menjaga logo WinUI tetap biru. (Kecuali "Windows" dan "Win" dihapus dari namanya.)

Pendapat lain: Antarmuka Desain Lancar sangat berpusat pada satu warna aksen, baik itu warna aplikasi atau warna aksen pengguna. Sebagian besar warna dalam aplikasi Fluent hanya menggunakan warna netral dan variasi warna aksen. Palet warna WinUI harus mencerminkan hal ini dengan hanya menggunakan satu warna aksen, ditambah warna netral seperti hitam, putih, dan abu-abu.

Berikut adalah ide yang dipasangkan ke minimum.

Microsoft tampaknya menuju ke arah baru dengan ikon mereka. Ikon Kantor yang didesain ulang dan Ikon Kain yang lebih baru (seperti yang saya lihat dirujuk oleh seseorang di sini) berbagi banyak elemen yang membantu mereka menjadi bagian dari bahasa desain yang kohesif. Saya perhatikan banyak dari mereka menggabungkan kedalaman, memiliki warna-warna cerah, secara abstrak mewakili layanan mereka, dan dibangun dari apa yang saya sebut blok. Ambil ikon Excel. Blok berwarna hijau cerah (dalam mode gradien hampir pixelated keren) dan mereka secara abstrak mewakili sel-sel dalam spreadsheet. Kedalamannya dengan bujur sangkar yang berisi "E" membuat bayangan pada persegi panjang di bawahnya. Saya memastikan untuk memasukkan elemen-elemen ini ke dalam desain saya.

Saya ingin menyimpang dari struktur Ikon Office yang saya gambarkan pada contoh di atas. Karena WinUI bukan layanan Office, memiliki kotak dengan teks yang mengambang di atas panel persegi panjang bukanlah arah yang saya pilih untuk desain saya. Sebaliknya saya memutuskan untuk menggunakan beberapa elemen yang saya sebutkan di atas yang memungkinkan banyak ruang untuk kreativitas sementara pada saat yang sama mengklasifikasikan ikon sebagai produk Microsoft.

Untuk warna dalam desain saya, saya ingin menggabungkan tampilan gradien warna solid (ditampilkan di banyak ikon Office/Fabric). Karena saya bukan ahli dalam cara mendapatkan campuran warna yang bekerja sama dengan baik, saya hanya menggunakan warna dari ikon Outlook. Itu berhasil karena saya ingin desainnya berwarna biru (seperti aslinya). Saya benar-benar hanya ingin menyampaikan gagasan umum dan nuansa itu berhasil.

Dalam banyak desain saya, saya menggunakan blok untuk mewakili antarmuka pengguna secara abstrak. Untuk mencapai ini dalam beberapa desain saya, saya menggunakan kisi yang tidak terdefinisi dan mengakomodasi tata letak apa pun yang dapat dirancang menggunakan komponen WinUI. Ini terasa seperti salah satu cara terbaik untuk mewakili pustaka komponen dan antarmuka yang dapat dibangun dengannya.

Saya menggunakan kedalaman yang ditunjukkan dengan bayangan di banyak desain saya. Efek kedalaman perlu disempurnakan pada beberapa dari mereka tetapi seperti yang saya katakan sebelumnya, ini harus menyampaikan gagasan umum.

Dan inilah beberapa sketsa awal saya jika ada di antara Anda yang penasaran:

Saya memiliki empat desain yang masing-masing memiliki beberapa iterasi yang ditunjukkan di atas. Saya akan membahas sedikit lebih detail dengan masing-masing gambar.

1. Versi modern dari logo asli. Saya sangat menyukai metafora buku dan perpustakaan yang asli. Sampul dapat diartikan sebagai menampilkan UI yang diabstraksi. Jadi itu mengandung banyak metafora yang agak keren. Teks dibuat dengan gaya yang mirip dengan ikon Terminal baru. Tanda buku menunjukkan kedalaman yang penting bagi saya karena itu adalah atribut utama dari ikon Fabric dan Desain Lancar.

2. Mengambil nama WindowsUI secara harfiah, desain ini menunjukkan pengguna di atas antarmuka gaya Windows.

3. Navigasi vertikal adalah bagian penting dari UI Windows, yang ditampilkan di banyak aplikasi dan situs. Desain ini menunjukkan versi yang disederhanakan dalam gaya yang mirip dengan logo Terminal Windows (baik dalam bentuk dan bagaimana keduanya menekankan elemen antarmuka utama. Untuk ikon Terminal, ini adalah tab, bukan navigasi vertikal). Warnanya mungkin harus dicampur sedikit untuk membuat teks lebih mudah dibaca. Saya pikir ini cocok dengan bahasa desain Windows dengan cukup baik.

4. Saya mencoba menampilkan abstraksi ekstrim UI (dan komponen yang membuatnya) dengan iterasi berbeda dari desain ini. Mereka cukup sederhana tapi saya pikir mereka terlihat keren.

@NoahFeller - Saya benar-benar menggali ikon 1! Saya suka mempertahankan metafora buku, tetapi saya tidak yakin saya memahami kisi-kisi di sampul buku. Saya pikir kisi berwarna biru menambahkan sedikit noise ke ikon sehingga sulit untuk diurai dari kejauhan - seperti apa tampilannya dengan "penutup" yang lebih sederhana?

@stmoy Itu juga salah satu favorit saya. Ide di balik grid adalah cara saya untuk merepresentasikan UI dengan cara yang sangat sederhana dan abstrak. Saya juga berpikir itu mewakili kerangka kerja WinUI. Saya setuju dengan poin Anda sekalipun. Mungkin nuansa warna yang lebih mirip akan membantunya tampak tidak terlalu berisik. Saya mencoba yang terbaik untuk menerapkan blok agar sesuai dengan gaya Ikon Kain lainnya (Telepon Anda, Terminal, Ikon Kantor). Saya memiliki versi ikon di kiri bawah gambar pertama saya yang tidak memiliki kisi. Saya akan mencoba beberapa varian yang berbeda karena saya tidak suka tampilan yang satu itu. Warna dan tata letak persegi panjang dapat ditingkatkan. Saya juga mempertimbangkan untuk sedikit melebarkan bookmark. Terima kasih untuk umpan baliknya!

@itsmichaelwest , apa yang diwakili kubus dalam desain Anda? Bagi saya itu lebih mirip 3D, AR, simbol ruang daripada Kerangka UI berbasis Markup

@itsmichaelwest , apa yang diwakili kubus dalam desain Anda? Bagi saya itu lebih mirip 3D, AR, simbol ruang daripada Kerangka UI berbasis Markup

@danzil , saya tidak yakin, tapi mungkin kubus dari Fluent yang mewakili materi?

@stmoy @NoahFeller Saya terinspirasi untuk mencoba menggabungkan beberapa elemen yang Anda gunakan untuk logo Anda, bersama dengan ide buku aslinya, dan contoh No. 1 Anda.

@stevenbrix AFAIK tim Desain Lancar telah beralih dari desain kubus, ke garis besar yang lebih sederhana yang menunjukkan dimensi.

Semoga saya tidak terlambat ke pesta!

Ini adalah kontribusi dari pihak saya

Ini adalah pemikiran saya di baliknya

• WinUI terutama untuk Windows sehingga logo berasal dari logo Windows.
• Karena UI tetap terdepan dalam berinteraksi dengan pengguna, di sini komponen biru mewakili UI seperti di depan komponen (abu-abu) lain dari logo.
• Menambahkan transparansi dan bayangan jatuh ke komponen biru untuk mewakili Desain Lancar.
• Bulatkan sudutnya sedikit untuk membuatnya sedikit lebih halus.

Apa lagi yang bisa dilakukan untuk itu?

• simbol > dapat ditambahkan ke komponen biru untuk menekankan WinUI

Harap Anda menyukainya.

Saran dipersilakan.

@ratishphilip Ini adalah ide yang mirip dengan yang saya

@mdtauk , Anda benar. Dalam ukuran yang sangat kecil, transparansi, bayangan tidak akan berhasil.

Ini satu lagi - konsep yang mirip dengan kiriman saya sebelumnya, tetapi terinspirasi oleh undangan 2 Oktober dari Microsoft. :)

Jika Anda memutar logo berlawanan arah jarum jam 45 derajat, Anda dapat melihat elemen > di logo.

@itsmichaelwest , apa yang diwakili kubus dalam desain Anda? Bagi saya itu lebih mirip 3D, AR, simbol ruang daripada Kerangka UI berbasis Markup

@danzil Kubus adalah rendisi Lancar dari kubus kaca/mengkilap yang awalnya digunakan dalam logo XAML:

Saya pikir itu akan baik untuk logo WinUI untuk mewakili apa yang disediakannya: satu set kontrol dan gaya XAML.

Tidak terlalu senang dengan ini, tetapi jika ada yang terinspirasi untuk melakukan sesuatu dengannya, saya akan senang melihatnya!

Akankah/Haruskah logo-logo ini tetap sinkron? Dan haruskah mereka semua berbagi nama WinUI, jika ingin mencakup semua untuk Windows UI dan XAML?

@mdtauk Ya - adalah ambisi kami untuk melakukan penyerbukan silang semua ikon kami dengan citra dari logo baru. 😄

Pembaruan Timeline: Mengumumkan Top 5 Minggu Depan!

Komunitas yang terhormat, ide-ide Anda luar biasa! Setiap kali saya mengantisipasi bahwa Anda akan menaikkan standar, Anda menaikkannya lebih tinggi. Kami sangat senang bisa bekerja sama dengan Anda semua dalam proyek seperti ini. 😊

Kami menargetkan pada awal minggu depan untuk mengirimkan 5 pilihan teratas kami sejauh ini sehingga setiap orang dapat memiliki kesempatan untuk melakukan putaran terakhir sebelum kami mempersempitnya menjadi satu pada tanggal 9 September .

Sampai saat itu, kami akan terus bergabung dengan Anda untuk bertukar pikiran dan berkreasi!

Keluarga Ikon yang bersatu - Ini semua didasarkan pada kisi 16px, jadi saat Anda memperbesar, detailnya bisa menjadi lebih halus, seperti yang telah saya tunjukkan dalam ide logo sebelumnya yang saya posting

Ini satu lagi

Konsep di balik ini

• WinUI terdiri dari kode + XAML. Kode diwakili oleh kurung kurawal dan XAML diwakili oleh >.
• Ini juga mewakili persegi dengan sudut membulat yang menunjukkan jendela dengan sudut membulat.

Versi lain dari ini menekankan XAML

Saya segera ingin menunjukkan bagaimana salah satu desain saya dapat diadaptasi untuk ikon WinUI yang menyertai logo utama. Tujuan saya dengan desain 1 adalah untuk memodernisasi ikon yang ada dalam gaya Fabric/Fluent. Saya bertujuan untuk tampilan yang segar dan baru, namun akrab. Strategi yang sama digunakan pada ikon yang menyertainya. Jelas saya membuat beberapa modifikasi, tetapi saya melakukan yang terbaik untuk membiarkan struktur dasar masing-masing ikon WinUI tetap utuh saat menggunakan pendekatan modernisasi. Dengan begitu jika ikon-ikon ini diluncurkan, pengguna akan tetap memahami apa yang mereka wakili dan tampilan bersama mereka mengikat mereka bersama sebagai bagian dari satu layanan. Berbagi elemen yang lebih umum dengan ikon baru lainnya menunjukkan bahwa mereka mewakili produk Microsoft. Karena beberapa bagian ikon dibuat lebih tebal (huruf dan detail lainnya), skalanya sebenarnya cukup baik.

Ini adalah versi improvisasi dari kiriman saya sebelumnya

Pendapat saya tentang logo

Sebuah modernisasi sederhana dari logo saat ini, saya merasakan beberapa konsep di atas, sementara terlihat bagus, menyimpang terlalu jauh dari ide ikon WinUI. Meskipun ikonnya bisa berupa kotak, buku catatan merangkumnya jauh lebih bagus.

Desainnya relatif sederhana dan dibuat dengan mempertimbangkan skala, dengan sudut membulat dan gradien halus. Beberapa elemen dari alat Microsoft dev(-related) lainnya ada di sini, seperti < dan > dari ikon Terminal.

Detail (versi 64px+):

Logo dengan tanda kata _WinUI_

Saya telah mengambil ide sebelumnya, mengubah warna, dan menambahkan contoh logo Toolkit dan Galeri

Ini adalah pengambilan lain dari logo saya sebelumnya

Konsep lain

Improvisasi logo sebelumnya

Saya sangat suka ratishphilip itu!

Saya tidak pernah senang dengan fakta bahwa simbol, > , terlihat seperti "tag akhir". YAITU. itu mengganggu saya bahwa simbol itu muncul dalam kode di mana segala sesuatunya ...

</finished> or </ended> (or </dead>, heaven forbid).

Tetapi ikon terbaru Anda (dan yang lainnya seperti itu) dibuat bergaya untuk mengalihkan fokus dari garis miring.

Bertanya-tanya apakah Anda dapat menyesuaikan modenya sedikit lebih jauh ... mungkin Anda dapat meletakkan titik bulat di bagian bawah garis miring agar terlihat lebih seperti tanda seru!

Tanda seru relevan dan muncul di komentar XAML, seperti pada ...

<!-- WinUI is awesome -->

Hanya untuk mengilustrasikan penskalaan dari ide logo saya sebelumnya, berikut adalah ikon 16px dan 128px - Anda dapat melihat perubahan proporsi, peningkatan detail

_I juga disesuaikan ketinggian I bagian dari ikon, sehingga mereka melemparkan bayangan di U part_

Improvisasi logo sebelumnya

@ratishphilip Semoga Anda tidak keberatan, tetapi saya memutuskan untuk mencoba mengubah ide Anda ...

_Edit: mengembalikan simbol Brace bergantian dari desain aslinya_

@ratishphilip Semoga Anda tidak keberatan, tetapi saya memutuskan untuk mencoba mengubah ide Anda ...

Tidak masalah :)

@ratishphilip Semoga Anda tidak keberatan, tetapi saya memutuskan untuk mencoba mengubah ide Anda ...

Tidak masalah :)

@ratishphilip Terima kasih. Bagaimana Anda melihat logo itu berkembang untuk Kontrol XAML/Galeri WinUI, dan Komunitas Windows/Toolkit WinUI?

@mdtauk Inilah konsep saya untuk Galeri, perpustakaan, dan toolkit WinUI

@mdtauk Inilah konsep saya untuk Galeri, perpustakaan, dan toolkit WinUI

@ratishphilip Terima kasih, dan inilah pendapat saya tentang mereka

@mdtauk

Meskipun terlihat menarik, namun terlihat terlalu sibuk dengan terlalu banyak elemen dan bayangan yang tumpang tindih. Hanya $0,02 saya

@mdtauk

Meskipun terlihat menarik, namun terlihat terlalu sibuk dengan terlalu banyak elemen dan bayangan yang tumpang tindih. Hanya $0,02 saya

Secara pribadi saya setuju, tetapi saya hanya mengambil ide seperti yang disajikan, dan menambahkan detailnya

Berikut adalah beberapa konsep lagi. Kotak Alat WinUI cukup kasar ...

Konsep-konsep ini didasarkan pada ikon Alat Dev

Ini satu lagi

Upaya lain

Ini satu lagi

Jenis ini terlihat seperti pola moire yang buruk, bayangannya agak terlalu kuat, dan garis-garisnya tampaknya tidak mewakili ketinggian dengan baik.

Upaya lain

Ini lebih rapi, tetapi logo Perpustakaan dan logo Galeri sangat mirip, dan kotak alatnya sepertinya tidak cocok dengan kotak persegi, jadi tidak berguna pada ukuran 16 x 16 piksel

Pembaruan Timeline: Mengumumkan Top 5 Minggu Depan!

Komunitas yang terhormat, ide-ide Anda luar biasa! Setiap kali saya mengantisipasi bahwa Anda akan menaikkan standar, Anda menaikkannya lebih tinggi. Kami sangat senang bisa bekerja sama dengan Anda semua dalam proyek seperti ini. 😊

Kami menargetkan pada awal minggu depan untuk mengirimkan 5 pilihan teratas kami sejauh ini sehingga setiap orang dapat memiliki kesempatan untuk melakukan putaran terakhir sebelum kami mempersempitnya menjadi satu pada tanggal 9 September .

Sampai saat itu, kami akan terus bergabung dengan Anda untuk bertukar pikiran dan berkreasi!

Adakah ide hari apa yang Anda rencanakan untuk mengurangi beberapa ide ini?

Satu lagi berasal dari logo Microsoft Word

Pembaruan Timeline: Mengumumkan Top 5 Minggu Depan!
Komunitas yang terhormat, ide-ide Anda luar biasa! Setiap kali saya mengantisipasi bahwa Anda akan menaikkan standar, Anda menaikkannya lebih tinggi. Kami sangat senang bisa bekerja sama dengan Anda semua dalam proyek seperti ini. 😊
Kami menargetkan pada awal minggu depan untuk mengirimkan 5 pilihan teratas kami sejauh ini sehingga setiap orang dapat memiliki kesempatan untuk melakukan putaran terakhir sebelum kami mempersempitnya menjadi satu pada tanggal 9 September.
Sampai saat itu, kami akan terus bergabung dengan Anda untuk bertukar pikiran dan berkreasi!

Adakah ide hari apa yang Anda rencanakan untuk mengurangi beberapa ide ini?

Pembaruan Timeline: Mengumumkan Top 5 Minggu Depan!
Komunitas yang terhormat, ide-ide Anda luar biasa! Setiap kali saya mengantisipasi bahwa Anda akan menaikkan standar, Anda menaikkannya lebih tinggi. Kami sangat senang bisa bekerja sama dengan Anda semua dalam proyek seperti ini. 😊
Kami menargetkan pada awal minggu depan untuk mengirimkan 5 pilihan teratas kami sejauh ini sehingga setiap orang dapat memiliki kesempatan untuk melakukan putaran terakhir sebelum kami mempersempitnya menjadi satu pada tanggal 9 September.
Sampai saat itu, kami akan terus bergabung dengan Anda untuk bertukar pikiran dan berkreasi!

Adakah ide hari apa yang Anda rencanakan untuk mengurangi beberapa ide ini?

@mdtauk Saya bertemu dengan @ryandemopoulos sore ini (3 September) dan kami akan memiliki lima teratas kami saat itu atau jangka waktu yang lebih spesifik yang dapat saya laporkan kembali. 😄

@SavoySchuler Hai Savoy, terima kasih atas pembaruannya! Luar biasa melihat komunitas begitu aktif dalam hal ini :)!

Saya sangat menyukai banyak konsep, terutama yang memiliki tampilan dan nuansa Galeri, Perpustakaan, dan Alat yang serupa. Kami bahkan memperluas ini untuk menyelaraskan UI dari Community Toolkit dan aplikasi Galeri agar memiliki pesan yang seragam untuk pengembang UWP baru.

Saya ingin tahu apakah Anda memiliki seseorang dari tim desain yang melihat kiriman juga? Bayangan warna (untuk aksesibilitas) dan skalabilitas adalah hal yang sangat penting dan desainer cenderung memiliki lebih banyak pengalaman tentang hal-hal ini daripada kami pengembang :)!

Berikut adalah beberapa Ide Wordmark, dan konvensi penamaan. WinUI _________ jadi semuanya terasa seperti milik keluarga yang komprehensif.

Setiap _flavours_ dari WinUI harus memiliki konvensi penamaan yang sama sederhananya, jadi WinUI _for_ _____

@SavoySchuler Hai Savoy, terima kasih atas pembaruannya! Luar biasa melihat komunitas begitu aktif dalam hal ini :)!

Saya sangat menyukai banyak konsep, terutama yang memiliki tampilan dan nuansa Galeri, Perpustakaan, dan Alat yang serupa. Kami bahkan memperluas ini untuk menyelaraskan UI dari Community Toolkit dan aplikasi Galeri agar memiliki pesan yang seragam untuk pengembang UWP baru.

Saya ingin tahu apakah Anda memiliki seseorang dari tim desain yang melihat kiriman juga? Bayangan warna (untuk aksesibilitas) dan skalabilitas adalah hal yang sangat penting dan desainer cenderung memiliki lebih banyak pengalaman tentang hal-hal ini daripada kami pengembang :)!

Pertanyaan bagus, @niels9001! Kami memiliki pakar desain dan aksesibilitas di tim kami serta pemeriksaan kepatuhan global yang diperlukan - yang semuanya akan memastikan logo yang dapat diakses dan sesuai untuk semua orang. 😊 Saya menunggu sampai kami memilih kandidat teratas kami sebelum menerapkan proses ini karena jika tidak, hal itu akan membuat 121 kiriman mengagumkan dan unik yang telah kami lihat sejauh ini tidak terdengar!

Saya tidak berpikir salah satu dari kita mengharapkan satu desain untuk diambil apa adanya, tentu saja mereka semua berfungsi sebagai semacam papan Mood, yang akan diambil oleh para ahli desain Microsoft, dan dibentuk, dan menghasilkan desain/kerangka kerja final yang logo masa depan dan ikon dapat didasarkan pada.

Fakta bahwa kita yang telah berkontribusi, akan saling mempengaruhi, semoga berarti desain akhir, akan menunjukkan potongan-potongan yang dapat dikenali dari banyak ide

Saya tidak berpikir salah satu dari kita mengharapkan satu desain untuk diambil apa adanya, tentu saja mereka semua berfungsi sebagai semacam papan Mood, yang akan diambil oleh para ahli desain Microsoft, dan dibentuk, dan menghasilkan desain/kerangka kerja final yang logo masa depan dan ikon dapat didasarkan pada.

Panggilan yang bagus, @mdtauk! Itu benar - kami dapat mengubah pemilihan akhir berdasarkan umpan balik dari sumber daya di atas, tetapi saya juga akan bersemangat untuk menampilkan karya asli dari anggota komunitas sehingga kami harus melihat apa yang akan terjadi di masa depan untuk pemilihan akhir kami .

Fakta bahwa kita yang telah berkontribusi, akan saling mempengaruhi, semoga berarti desain akhir, akan menunjukkan potongan-potongan yang dapat dikenali dari banyak ide

Adapun ini, saya pasti akan mendorong variasi dan alternatif mengambil 5 teratas setelah kami mempostingnya! 🙂

@SavoySchuler Apakah Anda akan memasukkan umpan balik pada 5 yang Anda pilih? Dan umpan balik pada apa pun yang gagal. Umpan Balik dari Anda berdua dan tim, akan membantu kami untuk menyempurnakannya lebih lanjut, dan menyumbangkan versi modifikasi dari desain pilihan masing-masing.

@SavoySchuler Apakah Anda akan memasukkan umpan balik pada 5 yang Anda pilih? Dan umpan balik pada apa pun yang gagal. Umpan Balik dari Anda berdua dan tim, akan membantu kami untuk menyempurnakannya lebih lanjut, dan menyumbangkan versi modifikasi dari desain pilihan masing-masing.

@mdtauk Pertanyaan bagus lainnya! Saya telah melakukan polling secara internal kepada 86 orang selama beberapa minggu terakhir dengan berbagai cara pada 121 kiriman kami (sekarang). Karena volumenya, saya tidak akan dapat memberikan umpan balik yang komprehensif, tetapi saya dapat menggabungkan beberapa catatan pribadi pada 5 final dan mendorong pihak yang berkepentingan untuk melakukan hal yang sama. Saya ragu untuk memberikan umpan balik selama putaran terbuka ini karena saya berhati-hati untuk membuat batasan apa pun yang menghambat kreativitas utas ini, tetapi saya juga mengerti ingin mengukur arah Anda, saya telah menggabungkan beberapa umpan balik umum di bawah ini:

• Tanda kurung sudut + desain kubus/segi enam hampir disukai secara universal. Secara gaya, desain ini sederhana, unik, dapat dikenali di seluruh spektrum logo, dan berskala dalam beberapa ukuran. Konsensus umum yang saya amati adalah bahwa kurung sudut (walaupun kontroversial bagi sebagian orang) berbicara dengan sejarah kita dan menunjukkan produk yang berakar pada perangkat lunak sementara kubus/segi enam memberi penghormatan kepada ekosistem Sistem Desain Lancar dan secara abstrak menyampaikan hal-hal di sepanjang garis warna, kedalaman, pencahayaan, bahan, dll.
• Buku perpustakaan klasik, "jendela aplikasi" abstrak bergaya Office, dan desain .NET melingkar relatif terikat sebagai runner up pendahuluan. Saya percaya ini karena kesamaan, preseden, dan keakraban dengan logo produk ekosistem pengembang Windows lainnya. Mereka juga cenderung sederhana, tajam, dan jelas.
• Berlawanan dengan butir pertama, logo yang kompleks secara gaya dengan beberapa corak dan komponen berpita menimbulkan perhatian terkait penskalaan untuk ukuran kecil tanpa terlihat sibuk.

Dan umpan balik pada apa pun yang gagal.

Untuk ini - jangan ragu untuk DM saya tentang kiriman yang Anda minati dan saya bisa melihat apa yang bisa saya berikan untuk Anda. 🙂

Saya sangat menantikan melihat 5 yang disukai @SavoySchuler , dan semoga beberapa komentar pada 5 itu menawarkan beberapa arahan tentang perubahan apa yang akan dicari

Ya @SavoySchuler , tak sabar menunggu untuk melihat 5 besar.

Setiap umpan balik selalu diterima. Seperti yang sudah disebutkan @mdtauk , komentar ini pasti akan membantu kita bergerak ke arah yang benar. Semoga usaha bersama kita semua membuahkan hasil untuk mendapatkan logo terbaik untuk WinUI.

Saya ingin menambahkan bahwa saya dapat melihat beberapa desain di situs web Desain Lancar diadaptasi/diubah agar berfungsi sebagai logo WinUI (mis. gambar atas). Cerita yang sama dengan beberapa ikon Lancar (saya berpikir cahaya atau materi bisa menjadi titik awal yang baik). Saya pikir beberapa dari Anda mungkin menganggap gambar bawah menarik. Mereka menampilkan kedalaman dan aspek gaya desain ikon baru Microsoft. Mereka mungkin menjadi inspirasi bagi para finalis untuk memikirkan desain mereka dalam ruang 3D.

_Lapisan dan kedalaman logo_

_Kisi logo_

_Kedalaman dan ke depan garis miring dari Build 2019_

_Imagary Lancar dan diperbarui_

_Mungkin versi awal Ikon Office_

Saya tahu ini agak terlambat tetapi ikon paling kanan pada gambar kedua hingga terakhir Anda (yang dengan latar belakang hitam dan ikon putih) juga akan berfungsi dengan sangat baik untuk ikon WinUI. Ini sederhana, bersih dan bekerja dengan warna (saya bisa melihat nuansa biru yang berbeda) atau seperti dengan desain garis besar.

Saya tahu ini agak terlambat tetapi ikon paling kanan pada gambar kedua hingga terakhir Anda (yang dengan latar belakang hitam dan ikon putih) juga akan berfungsi dengan sangat baik untuk ikon WinUI. Ini sederhana, bersih dan bekerja dengan warna (saya bisa melihat nuansa biru yang berbeda) atau seperti dengan desain garis besar.

Saya telah melakukan sesuatu yang serupa sejak awal.

Mock-up MERCH untuk bersenang-senang! (Dari salah satu desain saya)

Juga kaus ini terlihat sangat nyaman dan sekarang saya menginginkannya. Saya akan mencoba menahan diri dari berbelanja kaus sekarang lol.

Komunitas yang luar biasa, kami telah mencapai hasil putaran pertama!

Secara internal dan eksternal, jajak pendapat cukup jelas bagi kami untuk sampai pada nomor 1 yang memimpin paket! Tapi sebelum aku mengatakan apapun...

Terima kasih!

Atas nama seluruh tim WinUI, "terima kasih!" kepada semua orang yang berkolaborasi dan berkontribusi di sini dan di seluruh aliran media sosial kami. Dengan angka yang kita punya...

• 121 kiriman
• 30 kontributor edisi
• 86 anggota tim disurvei

Ini adalah _pertunjukan kekuatan_ yang tidak pernah kami duga! Anda LUAR BIASA!

Logo WinUI baru awal dikirimkan oleh @itsmichaelwest!

Desain elegan ini tetap menjadi kiriman teratas di utas masalah DAN hampir dengan suara bulat dipilih teratas di semua anggota tim yang disurvei. Ada terlalu banyak cinta tentang logo ini untuk merincinya di sini. Gaya, keanggunan, skalabilitas, kemampuan tema, semuanya keren. Terima kasih @itsmichaelwest telah membuat logo dinamit ini.

Runner-Up Luar Biasa!

Untuk memberikan beberapa inspirasi untuk riffing pada desain @itsmichaelwest , berikut adalah favorit kami yang lain...

1. oleh @mdtauk

1. juga oleh @mdtauk

1. oleh @niels9001

1. oleh @NoahFeller

1. oleh @ratishphilip

Dan sebutan terhormat untuk @IUsername untuk kiriman penuh warna dan orisinal ini:

Selamat sekali lagi dan terima kasih semuanya!

Ke mana kita pergi dari sini?

Kami akan senang melihat beberapa riffing dan variasi pada desain ini! Karena Microsoft Ignite, batas waktu kami

Untuk inspirasi, berikut adalah variasi logo @itsmichaelwest yang ingin kami jelajahi sebagai komunitas hingga saat itu:

1. Tanda kurung?

Kami telah mengeksplorasi gagasan untuk memperluas WinUI di luar bahasa penurunan harga dan mungkin melakukannya di masa mendatang yang berarti bergerak di luar sintaks "< >" ini. Apakah menurut Anda kubus itu cukup kuat untuk berdiri sendiri? Jika demikian, apakah ada yang punya ide yang bisa membantu melakukannya?

2. Teks di dalam?

Untuk Microsoft Ignite, kami akan membuat stiker heksagonal. Desain ini sangat cocok dengan bentuk itu, tetapi kita perlu memindahkan teks "WinUI" ke dalam kubus. Adakah yang punya ide bagaimana kita bisa membuat varian itu tampak hebat?

3. Warna?

Apakah ada yang punya beberapa proposal warna alternatif? Kami senang dengan tema biru tetapi kami juga tidak terlalu terikat dengannya. Kami terbuka untuk mengeksplorasi proposal alternatif!

4. Mandiri atau +teks?

Apakah kita memerlukan teks "WinUI" _sebagai bagian dari_ logo atau apakah desain kubus cukup kuat untuk berdiri sendiri? Dengan < >? Tanpa?

Jika Cube akan bertindak sebagai simbol menyeluruh, perlu diberikan perawatan visual yang akan membuatnya unik.

Pada 16 x 16 tidak ada banyak ruang untuk apa pun kecuali kubus, jadi hal-hal seperti Toolkit, dan Galeri, harus pintar untuk memasukkan kubus dan lebih banyak lagi pada ukuran yang lebih kecil.

Apakah logo WinUI ini menjadi logo XAML yang baru juga? Karena XAML menggunakan Kubus dalam tanda kurung, jadi apa yang membuat ini lebih dari sekedar XAML?

Berikut adalah warna merek Perusahaan Microsoft

Kombinasi warna yang disetujui

Warna Jendela Universal

Selamat @itsmichaelwest!

Berikut adalah konsep lain berdasarkan kubus dan kurung sudut...

Konsep kasar berdasarkan @ratishphilip

Kita harus yakin untuk tidak bingung dengan logo Unity...

@mdtauk Saya tidak memikirkan itu!
Sejujurnya saya pikir sudut kubus cukup berbeda tetapi bagaimanapun juga sepertinya kami sudah memilih 5 ide teratas.

Beberapa ide lagi yang saya miliki.

Woah Saya sangat senang tim menyukai logo saya!

Pembaruan logo

Saya telah mencari alternatif mengambil kubus yang menarik inspirasi dari desain lain di utas ini. Saya sangat menyukai penggunaan warna oleh @mdtauk dari situs web Fluent , dan karenanya telah mengembangkan versi kubus yang menggunakan gradien ini (_ini belum final!_). Saya juga menjatuhkan tanda kurung untuk saat ini, mungkin "Kubus Lancar" ini dapat berdiri sendiri:

Stiker

Berikut adalah beberapa ide stiker. Yang pertama mengecilkan kubus dan menambahkan teks WinUI serta tautan ke repositori. Yang kedua menambahkan overlay pada kubus, dengan teks WinUI. Tidak yakin mana yang berfungsi paling baik dan jika memiliki tautan ke repo diperlukan.

Stiker kedua juga bisa berfungsi sebagai logo media sosial.

Akan terus mengembangkan ini. Terima kasih kepada semua orang yang memberikan inspirasi di utas ini! 😃

Versi toolkit dari logo ini

Beberapa sudut berbeda untuk sebuah konsep yang didasarkan pada salah satu ikon @ratishphilip . Saya menyertakan versi dengan dan tanpa bayangan.

Keren.. Saya suka arah ini.

Hanya untuk menjaga indra.. apa yang kita yakini mewakili 'kubus'? Akan menyenangkan untuk memiliki sedikit alasan di sana.

Saya suka tautan ke Desain Lancar

Cube bukanlah preferensi awal saya, karena sulit untuk memiliki simbol itu sebagai logo atau merek. Dengan tanda kurung itu secara intrinsik menautkannya ke XAML, dan siapa yang tahu apa paradigma UI lain yang mungkin muncul di masa depan.

Jadi... Saya telah memperlakukan kubus sebagai inti, jadi kubus di dalam kubus, sebagai salah satu bagian dari inti.

Dalam logo XAML asli, saya percaya kubus adalah objek, seperti dalam pengkodean Berorientasi Objek, atau Elemen XML/XAML.

Apakah logo WinUI ini menjadi logo XAML yang baru juga? Karena XAML menggunakan Kubus dalam tanda kurung, jadi apa yang membuat ini lebih dari sekedar XAML?

@mdtauk Jika saya salah memahami pertanyaan, beri tahu saya, tetapi tidak ada niat untuk mengganti atau memperbarui logo Xaml klasik saat ini - ini hanya untuk WinUI. Saya juga tidak yakin logo Xaml klasik sedang digunakan secara aktif dalam kapasitas apa pun di luar artikel dokumen lama. Jika Anda telah melihat sebaliknya, beri tahu saya!

@mdtauk Posting warna merek Anda adalah sumber yang bagus di utas ini. Terima kasih telah menjadi pengangkat berat di utas ini!

Berikut adalah konsep lain berdasarkan kubus dan kurung sudut...

@ratishphilip - @ryandemopoulos , @stmoy , dan saya sendiri sangat menyukai betapa @mdtauk , juga pergantian warna yang menarik. Saya sedang menjajaki beberapa kombinasi warna alternatif ini sekarang. Jika saya dapat menemukan sesuatu yang bermanfaat, saya akan mempostingnya.

Versi galeri ditambahkan bersama yang lain

Berikut adalah beberapa logo dari kerangka kerja lain - jadi kami dapat mencoba untuk menghindari membuat desain serupa.

Anglar JS

Xamarin

TypeScript

Node JS

Reaksi

Berdebar

ionik

HTML / CSS / JS

Desain Bahan

UI cepat

Pembaruan Babak Semi Final

Kami baru saja membungkus pertemuan lagi untuk meninjau semua yang telah datang sejak bagus terakhir. Hal pertama yang kami diskusikan: Wow, kalian semua luar biasa! Dan cepat!

Kedua, tiga desain (selain yang asli dari @itsmichaelwest ) menonjol bagi kami dan kami memiliki beberapa pertanyaan untuk masing-masing....

1. > Saya telah mencari alternatif mengambil kubus yang menarik inspirasi dari desain lain di utas ini. Saya sangat menyukai penggunaan warna oleh @mdtauk dari situs web Fluent , dan karenanya telah mengembangkan versi kubus yang menggunakan gradien ini (_ini belum final!_). Saya juga menjatuhkan tanda kurung untuk saat ini, mungkin "Kubus Lancar" ini dapat berdiri sendiri:
   >

Kami sangat menyukai apa yang Anda lakukan di sini! Apakah ada kemungkinan Anda memiliki versi fidelitas tinggi yang dapat Anda gunakan untuk menunjukkan kepada kami seperti apa tampilannya dengan tanda kurung di samping? Kami membayangkan sesuatu seperti ini:

1. @mdtauk dan @ratishphilip , kami menyukai warna oranye tebal yang Anda posting! Kami akan senang melihat lebih banyak varian warna yang menurut Anda mengagumkan. Saya mengolok-olok beberapa skema warna alternatif di bawah ini. Bagian atas menggunakan warna merek Microsoft @mdtauk yang diposting di atas. Yang di bawah ini tidak mengikuti palet merek tertentu, saya hanya menjelajah. Adakah yang punya kombinasi warna yang menurut Anda "pop"? Saya juga tidak menentang gradien - keterampilan saya belum ada di sana!

1. @mdtauk , kami sangat menyukai yang Anda posting ini! Apakah ada kemungkinan Anda dapat membagikan versi ini yang a.) tidak memiliki teks dan b.) memiliki latar belakang hitam (dengan dan tanpa teks)?

@SavoySchuler Saya sangat suka yang Anda posting ini.

1. @mdtauk , kami sangat menyukai yang Anda posting ini! Apakah ada kemungkinan Anda dapat membagikan versi ini yang a.) tidak memiliki teks dan b.) memiliki latar belakang hitam (dengan dan tanpa teks)?

Gambar Besar Masuk

Ukuran Termasuk 1024 x 1024 (dengan dan tanpa teks) - 16 x 16 - 32 x 32 - 64 x 64 - 128 x 128 - 256 x 256 - 4096 x 4096

Versi Terang dan Gelap

Saya suka ikon @mdtauk yang baru saja diposting! Terlihat luar biasa!

@SavoySchuler >Apakah ada yang punya kombinasi warna yang menurut Anda "pop"?

Ungu dan Oranye adalah kombinasi warna klasik gratis. Tetapi memiliki dua warna pada satu kubus akan terlihat sedikit aneh

Hijau dan Kuning

Biru dan Merah Muda

@SavoySchuler >Apakah ada yang punya kombinasi warna yang menurut Anda "pop"?

Ungu dan Oranye adalah kombinasi warna klasik gratis. Tetapi memiliki dua warna pada satu kubus akan terlihat sedikit aneh

Hijau dan Kuning

Biru dan Merah Muda

@mdtauk Apakah ada kombinasi warna yang Anda lihat diterapkan di salah satu desain ini?

@itsmichaelwest Saya baru menyadari bahwa saya melewatkan gambar di poin 1 di atas - ditambahkan sekarang!

@SavoySchuler

Biru > Merah Muda

Teal > Biru

Anda bisa melakukan sesuatu seperti ini, skema Analog di seluruh Cube

Yang kedua dengan Teal > Blue adalah favorit saya sejauh ini!

Keren.. Saya suka arah ini.

Hanya untuk menjaga indra.. apa yang kita yakini mewakili 'kubus'? Akan menyenangkan untuk memiliki sedikit alasan di sana.

Saya suka tautan ke Desain Lancar

Pertanyaan bagus, @niels9001! Orang-orang telah menawarkan beberapa pengambilan di seluruh utas yang sekarang besar ini.

Bagi banyak orang ini merupakan penghormatan terhadap prinsip-prinsip Sistem Desain Lancar yang ditunjukkan di sini (dalam bentuk kubus):

Ini juga merupakan penghormatan kepada logo Xaml asli:

Tetapi yang lain, seperti saya dan @pag3 , menggambarkannya sebagai "blok pembangun" dan platform WinUI dan penawarannya persis seperti itu - blok pembangun untuk UI.

@SavoySchuler

Biru > Merah Muda

Teal > Biru

Anda bisa melakukan sesuatu seperti ini, skema Analog di seluruh Cube

Saya juga suka ini! Pilihan bagus, @mdtauk!

Berikut adalah desain yang saya buat beberapa waktu lalu untuk proyek yang berbeda tetapi akhirnya tidak membutuhkannya. Saya telah memutuskan untuk mengirimkannya di sini! Ini bekerja dengan sangat baik di sini karena menampilkan banyak prinsip Sistem Desain Lancar:
Cahaya - Cahaya dari dalam kubus.
Kedalaman - Ini adalah kubus 3D dengan kedalaman yang terlihat.
Bahan - Memiliki tampilan Akrilik yang keren.
Skala - Kubus kecil di dalam kubus besar, memiliki ukuran yang kontras.

Saya juga berpikir itu terlihat cukup keren dan agak unik. Ini menghindari masalah dengan beberapa desain di sini sebagai generik. Ada banyak logo segi enam/kubus di luar sana sehingga mungkin sulit untuk berbeda (saya pikir desain ini tidak menjadi generik). Juga sedikit cahaya di tengah dapat digunakan untuk desain dan pola gratis lainnya. Berikut ini contohnya:

Terbuka untuk umpan balik!

@NoahFeller Itu terlihat luar biasa! Apakah Anda memiliki versi yang lebih gelap untuk memakai latar belakang yang lebih terang?

Terima kasih @yaichenbaum. (Anda berkomentar tepat sebelum saya akan memposting penjelasan ini lol)

.
.
.
.

Saya cukup yakin saya pernah melihat struktur kisi ini di suatu tempat yang terkait dengan Desain Lancar. Pada latar belakang putih, desain membutuhkan bayangan tepat di belakangnya atau warna kubus menjadi hitam. Saya pasti akan melakukan eksperimen lagi!

Saya cukup yakin saya pernah melihat struktur kisi ini di suatu tempat yang terkait dengan Desain Lancar. Pada latar belakang putih, desain membutuhkan bayangan tepat di belakangnya atau warna kubus menjadi hitam. Saya pasti akan melakukan eksperimen lagi!

@ratishphilip - @ryandemopoulos , @stmoy , dan saya sendiri sangat menyukai betapa

Terima kasih untuk umpan baliknya.

Berikut adalah logo yang lebih halus.

Ini adalah pengambilan lain dari logo sebelumnya. Tujuan saya di sini adalah untuk menggambarkan bahwa bagian kubus telah dipotong untuk menunjukkan inti kubus (seperti yang ditunjukkan pada diagram bumi)

Ini adalah pengambilan lain dari logo sebelumnya. Tujuan saya di sini adalah untuk menggambarkan bahwa bagian kubus telah dipotong untuk menunjukkan inti kubus (seperti yang ditunjukkan pada diagram bumi)

Hal pertama yang saya lihat adalah simbol Play

Ini yang lain berdasarkan kubus Fasih @NoahFeller

Ini logo sebelumnya tanpa potongan

Pandangan lain tentang kubus @NoahFeller

Pandangan lain tentang kubus @NoahFeller

Tidakkah menurut Anda ini membuat kurung sudut sedikit tidak seimbang?

Pandangan lain tentang kubus @NoahFeller

Tidakkah menurut Anda ini membuat kurung sudut sedikit tidak seimbang?

Memang, tentu saja - tetapi itu sesuai dengan wajah kubus. Saya hanya ingin mencoba gaya pewarnaan.

Dan apa sedikit asimetri antara teman

Bukan pekerjaan saya yang paling membanggakan, tetapi saya mencoba menambahkan tanda kurung ke ide @NoahFeller . Jika dilakukan dengan benar, mungkin, tetapi seperti yang saya khawatirkan itu terlihat sibuk/didesain berlebihan?

Saya melihat apa yang Anda tuju untuk @SavoySchuler. Saya merasa bahwa ikon tersebut mungkin tidak memerlukan tanda kurung dan cukup kuat untuk berdiri sendiri. Saya pasti akan mengulangi desain (menyederhanakan dan/atau memodifikasi) dan mengunggah beberapa versi berbeda, beberapa dengan dan beberapa tanpa tanda kurung. Saya merasa ikonnya tidak terlihat bagus diputar meskipun itu bisa diperbaiki . Dengan mengunggah, saya hanya mencoba mengukur apakah orang menyukai desain yang serupa atau tidak. Umpan balik tampaknya bagus jadi saya akan terus bekerja. Terima kasih atas sarannya.

Pandangan lain tentang kubus @NoahFeller

Saya suka dua warna pada braket!

4096

1024

256

128

64

32

16

4096

1024

256

128

64

32

16

4096

1024

256

128

64

32

16

Kami sangat menyukai apa yang Anda lakukan di sini! Apakah ada kemungkinan Anda memiliki versi fidelitas tinggi yang dapat Anda gunakan untuk menunjukkan kepada kami seperti apa tampilannya dengan tanda kurung di samping? Kami membayangkan sesuatu seperti ini:

@SavoySchuler ini dia! Maaf menunggu, utas ini tampaknya bergerak cukup cepat!

Versi Berwarna Mono

@itsmichaelwest >ini dia! Maaf menunggu, utas ini tampaknya bergerak cukup cepat!

Maaf...

Berikut adalah beberapa tetapi menggunakan perawatan warna Michael West ...

4096

1024

256

128

64

32

16

1024 Kubus Saja

4096 Kubus Saja

Saya pikir saya sudah selesai dengan variasi ini, kecuali @SavoySchuler @itsmichaelwest atau orang lain menginginkan sesuatu yang khusus dari saya?

https://www.figma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share?node-id=0%3A1
_Berikut adalah Link ke file Figma dengan beberapa logo saya di_

@mdtauk - terima kasih banyak atas semua masukan dan variasinya. Sebuah pertanyaan singkat - banyak desain adalah "kubus dalam kubus". Apa yang ingin disampaikan oleh kubus ganda ini?

@itsmichaelwest awalnya menyarankan untuk menggunakan Ikon XAML sebagai dasar logo, dan desainnya dipilih pada pengiriman putaran pertama.

Saya melihat kubus sebagai inti, bagian inti dari pembuatan aplikasi Windows, jadi saya memutuskan untuk mengilustrasikan konsep inti, dengan menonjolkan bagian kubus. Saya juga bermain-main dengan memiliki ruang "kosong", untuk menunjukkan bahwa ini adalah ruang untuk dibangun.

Tetapi membuat desain kubus dan braket menjadi sesuatu yang "dapat dimiliki" dan berbeda, di antara ribuan ikonografi berbasis kubus lainnya di luar sana, memainkan beberapa peran.

Versi gelap/terang. Masih mengerjakan sedikit warna biru. Seperti biasa, umpan balik dihargai.

@yaichenbaum Saya ingin melihat seperti apa versi monokrom dari kubus yang Anda posting, tapi saya bukan seorang seniman jadi saya benar-benar mengejek ini dengan kasar di Paint: :)

Apakah ini yang Anda perkirakan akan terlihat seperti versi monokrom, atau apakah Anda memiliki gagasan lain tentang seperti apa versi monokrom?

Saya ingin menggambar ulang sepenuhnya jika sedang dipertimbangkan, tetapi di sini adalah pengeditan cepat dengan pemikiran saya, Ini hanya pada skala 16px, jadi menggambar ulang sepenuhnya akan diperlukan.

Mock up monokromatik cepat (belum selesai) dari desain saya. Cukup lancar .

Arah yang benar-benar baru yang sangat lancar dan dapat dengan mudah menggunakan warna yang berbeda agar sesuai dengan barang curian, stiker, dll. Desain ini menunjukkan blok bangunan serta yang tersembunyi di tengah. Saya dapat menunjukkan dalam warna lain untuk latar belakang yang lebih terang jika orang tertarik.

Dan versi 3d juga, dengan dan tanpa garis besar.

@yaichenbaum Saya ingin melihat seperti apa versi monokrom dari kubus yang Anda posting, tapi saya bukan seorang seniman jadi saya benar-benar mengejek ini dengan kasar di Paint: :)

Apakah ini yang Anda perkirakan akan terlihat seperti versi monokrom, atau apakah Anda memiliki gagasan lain tentang seperti apa versi monokrom?

@SavoySchuler Apakah ini baik-baik saja?

Berwarna Tunggal

4096

1024

256

128

64

32

16

PERTANYAAN TERAKHIR

@itsmichaelwest dan @mdtauk dua pilihan terakhir kami telah turun ke satu proposal dari Anda masing-masing. Kami baru saja menyelesaikan hampir dua jam musyawarah dengan beberapa anggota tim dan itu tidak mudah! Kami memiliki satu permintaan terakhir untuk Anda masing-masing sebelum kami memutuskan...

@itsmichaelwest

Untuk logo Anda, ada beberapa kekhawatiran tentang bagaimana tanda kurung 2d dan kubus 3d saling menempel. Apakah ada perubahan yang dapat Anda pikirkan untuk membuat komponen ini tampil lebih kohesif? Kami tidak yakin persis apa yang dibutuhkan--apakah itu jarak, warna, dll... hanya saja rasanya agak terputus-putus.

@mdtauk

Untuk logo Anda di sini, beberapa orang yang disurvei menjawab bahwa mereka bingung dengan berpikir bahwa tanda kurung di dalam kubus seharusnya huruf seperti "I" dan "J". Untuk mengungkapkan ini dengan cara lain - ada kekhawatiran bahwa mereka kehilangan perasaan kurung. Tampaknya menjadi lebih baik pada pembaruan terbaru ketika Anda sedikit menipiskannya, tetapi kami tidak yakin apakah ada sesuatu yang dapat dilakukan untuk membuatnya lebih terasa seperti tanda kurung?

Kami juga ingin melihat garis braket berlubang dan terisi pada pengambilan monokromatik jika relevan:

Keduanya

Untuk kiriman akhir, kami ingin melihatnya:

• Versi berwarna dan monokrom dengan latar belakang hitam dan putih
• Dalam ukuran 16x16px, 64x64px, dan resolusi tinggi

Terima kasih

Kami tahu telah meminta banyak. Ketika kami memulai seluruh proses ini, kami tidak tahu bahwa kami akan memiliki begitu banyak pilihan bagus untuk dipertimbangkan dan bahwa kualitas kiriman akan sangat luar biasa.

Anda semua telah menaikkan standar begitu tinggi sehingga saya menemukan bahwa kita sekarang memilih setiap piksel dan kurva kecil. Alasan kami sangat pilih-pilih adalah karena kalian semua telah memberi kami emas.

Jika salah satu dari permintaan terakhir ini terlalu banyak untuk ditanyakan - kami mengerti. Terlepas dari upaya berkelanjutan apa pun, kami akan mengirimkan Anda berdua dan beberapa orang lain "terima kasih!" barang curian yang menyandang kontribusi yang telah Anda buat di sini.

Selamat untuk @mdtauk dan @itsmichaelwest.
Mungkin masalah yang Anda sebutkan dengan orang yang melihatnya sebagai I dan J berkaitan dengan fakta bahwa menggunakan dua warna untuk braket kiri membuatnya terlihat seperti pantulan di atas. Mungkin menggunakan warna yang sama untuk seluruh braket akan memperbaiki masalah 'refleksi' ini dan kemudian braket lainnya tidak lagi terlihat sebagai J.

@SavoySchuler

@itsmichaelwest
Untuk logo Anda, ada beberapa kekhawatiran tentang bagaimana tanda kurung 2d dan kubus 3d saling menempel. Apakah ada perubahan yang dapat Anda pikirkan untuk membuat komponen ini tampil lebih kohesif? Kami tidak yakin persis apa yang dibutuhkan--apakah itu jarak, warna, dll... hanya saja rasanya agak terputus-putus.

Saya punya saran untuk ini, tetapi Michael akan mengusulkan solusi.

Bayangan pada tanda kurung sejajar dengan bayangan pada kubus.

Selamat! Sedikit umpan balik/ide: Saya merasa pada desain @itsmichaelwest , tanda kurung hanya boleh dibulatkan sebagian alih-alih bentuk 'pil' yang lebih mirip tampilan Google. (Seperti yang baru saja Anda posting @mdtauk) Saya juga merasa cara braket membungkus desain @mdtauk dapat ditingkatkan karena tidak terlihat benar bagi saya. Anda juga mungkin ingin membuat cahayanya sedikit lebih berbentuk bulat karena sedikit ungu tua tampaknya memanjang sedikit jauh ke bawah. Desain yang bagus, hanya beberapa kemungkinan penyempurnaan yang saya pikirkan.

@yaichenbaum Tanda kurung yang terlihat seperti J adalah yang paling kanan (pada logo @mdtauk ); beberapa anggota tim merasa itu terlalu J-ish. Secara pribadi, saya pikir itu menjadi sedikit lebih baik dengan versi terbaru yang diposting, karena mereka sedikit menipis. Saya tahu ada keinginan untuk membuatnya cukup tebal sehingga Anda dapat melihat tanda kurung pada versi kecil.

Lagi pula, saya bukan seorang desainer dan saya bahkan tidak memainkannya di TV. Mungkin ada sejumlah cara lain untuk membuatnya terlihat lebih braket-y; Saya akan menyerahkannya kepada @mdtauk.

Desain-desain ini sangat bagus. Kita berbicara tentang minutia pada saat ini.

Saya memiliki ruang untuk menipiskan garis saat logo meningkat. Saya juga bisa mengencangkan lekukan untuk membuatnya lebih runcing, pada kubus dan braket.

Apakah ketiga corak warna menghambat penampilan seperti Bracket?

@mdtauk bagaimana jika Anda mengubah tanda kurung menjadi gradien? Dengan cara itu masih akan memiliki lebih banyak satu warna tetapi mereka akan berbaur satu sama lain dengan lebih baik sehingga memberikan lebih banyak bentuk yang bersatu.

...Saya juga merasa cara braket membungkus desain @mdtauk dapat diperbaiki karena tidak terlihat cocok untuk saya. Anda juga mungkin ingin membuat cahayanya sedikit lebih berbentuk bulat karena sedikit ungu tua tampaknya memanjang sedikit jauh ke bawah. Desain yang bagus, hanya beberapa kemungkinan penyempurnaan yang saya pikirkan.

Saya menggunakan gradien Berlian, bukan bulat, untuk mengisyaratkan gagasan bahwa ada kubus berwarna di dalam kubus "akrilik" yang buram.

@mdtauk bagaimana jika Anda mengubah tanda kurung menjadi gradien? Dengan cara itu masih akan memiliki lebih banyak satu warna tetapi mereka akan berbaur satu sama lain dengan lebih baik sehingga memberikan lebih banyak bentuk yang bersatu.

Masalah dengan itu adalah mempertahankan gagasan bahwa tanda kurung berada di permukaan kubus, tetapi saya akan mencoba menyesuaikannya sedikit lebih banyak, meluruskan dan menipiskannya.

...Saya juga merasa cara braket membungkus desain @mdtauk dapat diperbaiki karena tidak terlihat cocok untuk saya. Anda juga mungkin ingin membuat cahayanya sedikit lebih berbentuk bulat karena sedikit ungu tua tampaknya memanjang sedikit jauh ke bawah. Desain yang bagus, hanya beberapa kemungkinan penyempurnaan yang saya pikirkan.

Saya menggunakan gradien Berlian, bukan bulat, untuk mengisyaratkan gagasan bahwa ada kubus berwarna di dalam kubus "akrilik" yang buram.

Begitu, terlalu tidak terdefinisi untuk benar-benar memberi tahu IMO jadi mungkin Anda bisa memodifikasinya sedikit. Anda tidak perlu, hanya ingin tahu apakah itu bisa diperbaiki.

@mdtauk Bagi saya, saya menyukai pewarnaan/nuansa yang berbeda pada tanda kurung. Jika ada cara untuk membuatnya tampak lebih braket-y tanpa kehilangan warna yang berbeda, saya ingin melihatnya. Tapi saya kira ada baiknya bermain-main dengan bayangan yang berbeda dan warna yang lebih sedikit untuk melihat apakah itu membantu juga.

@mdtauk bagaimana jika Anda mengubah tanda kurung menjadi gradien? Dengan cara itu masih akan memiliki lebih banyak satu warna tetapi mereka akan berbaur satu sama lain dengan lebih baik sehingga memberikan lebih banyak bentuk yang bersatu.

Mungkin juga terlihat keren jika kubus memiliki cahaya yang lebih kuat dari setiap warna ke titik di mana kubus cukup banyak dari ketiga warna itu dan tanda kurung dapat membedakan kubus menjadi putih atau hitam. Hanya membuang ide di luar sana.

@mdtauk Bagi saya, saya menyukai pewarnaan/nuansa yang berbeda pada tanda kurung. Jika ada cara untuk membuatnya tampak lebih braket-y tanpa kehilangan warna yang berbeda, saya ingin melihatnya. Tapi saya kira ada baiknya bermain-main dengan bayangan yang berbeda dan warna yang lebih sedikit untuk melihat apakah itu membantu juga.

Saya juga menyukainya, hanya memiliki dua warna berbeda yang memisahkannya, itu juga membuat bagian bawah braket kiri memiliki ketinggian yang sama dengan yang kanan sehingga terlihat seperti blok "abc" dengan I dan J.

Ini mungkin membantu memperbaikinya sedikit tetapi menurut saya merusak tampilan bagus yang dimilikinya sebelumnya.

Saya pikir bagian dari masalah dengan tanda kurung adalah Anda memiliki bentuk 3D dengan banyak warna dan pencahayaan di belakangnya dan warnanya hanya solid sehingga tidak menyatu juga. Terlihat agak lucu dengan kedua desain tetapi lebih menonjol ketika tanda kurung berada di kubus.

@mdtauk Bagi saya, saya menyukai pewarnaan/nuansa yang berbeda pada tanda kurung. Jika ada cara untuk membuatnya tampak lebih braket-y tanpa kehilangan warna yang berbeda, saya ingin melihatnya. Tapi saya kira ada baiknya bermain-main dengan bayangan yang berbeda dan warna yang lebih sedikit untuk melihat apakah itu membantu juga.

4096

Warna Tunggal

@ryandemopoulos Apakah ini bergerak ke arah yang benar?

Selamat @mdtauk dan @itsmichaelwest.
Desain hebat sejauh ini!

Saya pikir bagian dari masalah dengan tanda kurung adalah Anda memiliki bentuk 3D dengan banyak warna dan pencahayaan di belakangnya dan warnanya hanya solid sehingga tidak menyatu juga. Terlihat agak lucu dengan kedua desain tetapi lebih menonjol ketika tanda kurung berada di kubus.

Tidak yakin itu berfungsi sebagai kebalikan

@ryandemopoulos Apakah ini bergerak ke arah yang benar?

Saya hanya satu pendapat, tapi ya, itu terlihat lebih braket-y bagi saya. Saya pikir tepi yang lebih tajam membantu. Untuk versi monokrom, braket masih terlihat sangat tebal--seperti apa jika braket hanya digariskan, kira-kira seperti ini? (kecuali menggunakan geometri terbaru Anda)

Tidak yakin itu berfungsi sebagai kebalikan

Ya kamu benar. Saya mengambil ini kembali . Terima kasih telah mengujinya.

Mungkin juga terlihat keren jika kubus memiliki cahaya yang lebih kuat dari setiap warna ke titik di mana kubus cukup banyak dari ketiga warna itu dan tanda kurung dapat membedakan kubus menjadi putih atau hitam. Hanya membuang ide di luar sana.

Pendapat saya adalah tanda kurung harus mempertahankan bentuk yang sama seperti pada logo untuk XAML dengan sedikit pembulatan

Ini saran saya

@ryandemopoulos Apakah ini bergerak ke arah yang benar?

Saya hanya satu pendapat, tapi ya, itu terlihat lebih braket-y bagi saya. Saya pikir tepi yang lebih tajam membantu. Untuk versi monokrom, braket masih terlihat sangat tebal--seperti apa jika braket hanya digariskan, kira-kira seperti ini? (kecuali menggunakan geometri terbaru Anda)

Pada ukuran 32px dan 16px, tanda kurung perlu diisi agar dapat terbaca, tetapi bagaimana ini, untuk ukuran yang lebih besar?

Pendapat saya adalah tanda kurung harus mempertahankan bentuk yang sama seperti pada logo untuk XAML dengan sedikit pembulatan

Ini saran saya

@ratishphilip Apakah braket kiri secara vertikal lebih kecil atau apakah itu bayangan yang menyebabkan perbedaan yang dirasakan?

@ryandemopoulos Apakah ini bergerak ke arah yang benar?

Saya hanya satu pendapat, tapi ya, itu terlihat lebih braket-y bagi saya. Saya pikir tepi yang lebih tajam membantu. Untuk versi monokrom, braket masih terlihat sangat tebal--seperti apa jika braket hanya digariskan, kira-kira seperti ini? (kecuali menggunakan geometri terbaru Anda)

Pada ukuran 32px dan 16px, tanda kurung perlu diisi agar dapat terbaca, tetapi bagaimana ini, untuk ukuran yang lebih besar?

Menandai geometri ini untuk @stmoy.

@ryandemopoulos Apakah ini bergerak ke arah yang benar?

Saya hanya satu pendapat, tapi ya, itu terlihat lebih braket-y bagi saya. Saya pikir tepi yang lebih tajam membantu. Untuk versi monokrom, braket masih terlihat sangat tebal--seperti apa jika braket hanya digariskan, kira-kira seperti ini? (kecuali menggunakan geometri terbaru Anda)

Pada ukuran 32px dan 16px, tanda kurung perlu diisi agar dapat terbaca, tetapi bagaimana ini, untuk ukuran yang lebih besar?

Sejujurnya saya tidak yakin mana yang lebih saya sukai--diisi, atau garis besar. Aku harus menatap lagi. :) Saya pikir mereka berdua bekerja, bahkan pada res yang lebih tinggi. (dan setuju bahwa pada resolusi yang lebih rendah, terisi adalah satu-satunya pilihan nyata)

@ryandemopoulos @SavoySchuler @stmoy

4096

1024

256

128

64

32

16

Warna Tunggal

@ratishphilip Apakah braket kiri secara vertikal lebih kecil atau apakah itu bayangan yang menyebabkan perbedaan yang dirasakan?

Kedua kurung memiliki ukuran yang sama ...

Ini yang lain dengan braket 3d

Berikut garis besarnya

Ini yang lain dengan braket 3d

Ini jelas memecahkan perspektif aneh yang saya lihat sebelumnya. Bagus!

Ini yang lain dengan braket 3d

Ini jelas memecahkan perspektif aneh yang saya lihat sebelumnya. Bagus!

Kubus tidak diputar dengan rapi, ada garis diagonal atas dan bawah

Ini yang lain dengan braket 3d

Itu juga memperbaiki masalah yang terlihat seperti memiliki I dan J.

Kubus tidak diputar dengan rapi, ada garis diagonal atas dan bawah

:D ya sedikit rotasi ... terima kasih telah membawanya ke pemberitahuan saya @mdtauk ... dapat dengan mudah diperbaiki.

Saya juga berpikir untuk menghilangkan kebulatan dari sudut terdalam (yang menyentuh tepi kubus) dan membuatnya tajam.

Berikut adalah logo yang diperbarui

Hai Res logo

Yang ini (atau padanan gelapnya) cantik. Saya suka gradien karena memadukan elemen Lancar.

Mungkin di atas harus dibagi menjadi 2 2 2 kubus juga, menggabungkan ini , ide yang bagus! Akan mengubah warna untuk menonjol sedikit lebih mungkin.

Namun yang ini memberi saya konotasi Apache Cordova :

Terutama braket hitam mengkilap itu.

Terutama braket hitam mengkilap itu.

@weitzhandler Bagaimana dengan ini?

@SavoySchuler memposting dua logo awal di twitter, dan komentar utama yang saya ambil dari tanggapan, adalah rasanya tidak seperti Windows. Jadi di sini ada logo yang sama, tetapi dalam warna Microsoft Blue. Saya ingin tahu apakah ini membantu?

Saya pikir tanda kurung kiri dan kanan harus terlihat identik satu sama lain dalam ukuran karena mereka juga memiliki ukuran yang sama dalam sintaks XAML ( < > ) . Oleh karena itu membuat mereka tampak secara optik sebagai ukuran yang berbeda hanya terlihat aneh bagi saya (yaitu braket kiri terlihat lebih besar dari braket kanan). Saya lebih suka cara @ratishphilip menampilkan tanda kurung itu sekarang.

@Felix-Dev
Tanda kurung

Meskipun tidak semua logo harus berwarna biru, ini masuk akal. Ketika saya memikirkan Win UI, saya memikirkan antarmuka Pengguna Windows. Saya juga mengasosiasikan biru dengan Windows.
Logo terakhir dari @mdtauk itu menurut saya menyebut Windows dan memiliki identitasnya sendiri dan saya akan dapat mengenali apa artinya dibandingkan dengan banyak logo kubus lainnya.

@SavoySchuler memposting dua logo awal di twitter, dan komentar utama yang saya ambil dari tanggapan, adalah rasanya tidak seperti Windows. Jadi di sini ada logo yang sama, tetapi dalam warna Microsoft Blue. Saya ingin tahu apakah ini membantu?

Saya sangat suka @mdtauk ini! Peningkatan besar menurut saya. Saya pikir memiliki lebih banyak tampilan reflektif versus tampilan bercahaya lebih baik dalam keadaan ini. Mungkin hanya membuat sisi kanan sedikit lebih terang atau memiliki gradien yang lebih mirip. Tapi selain pekerjaan hebat itu.

Apakah gradien Gelap ini lebih baik?

Hai Res logo

@mdtauk bagaimana jika Anda mencoba menerapkan akhir tanda kurung dalam desain @ratishphilip di tanda kurung Anda? Saya pikir tanda kurung akan dikacaukan dengan huruf lebih sedikit jika keduanya berakhir dengan cara yang sama.

Jika desain @mdtauk dipilih, saya akan senang jika tanda kurungnya seperti tanda kurung @mdtauk Silakan juga buat versi logo Anda dengan tanda kurung @ratishphilip .

Jika desain @mdtauk dipilih, saya akan senang jika tanda kurungnya seperti tanda kurung @mdtauk Silakan juga buat versi logo Anda dengan tanda kurung @ratishphilip .

Tanda kurung desain @mdtauk adalah bahwa tanda kurung membungkus kubus.

@NoahFeller Tanda kurung, IMO, harus mencerminkan tanda kurung XAML, yang berukuran sama. Ini harus tercermin dalam logo. Masalah yang saya miliki dengan desain @mdtauk adalah ketika melihat tanda kurung terisolasi - terutama pada ukuran gambar yang lebih kecil - saya mendapatkan kesan ukuran braket seperti ini:

(Braket kiri jelas lebih besar dibandingkan dengan braket kanan. Dalam XAML tidak demikian.) Dalam beberapa resolusi gambar, yaitu

ini cukup mencolok bagi saya dan itu membuat saya kesal, sejujurnya. Pasangan braket <> sangat menonjol di XAML sehingga saya percaya itu dibenarkan untuk "menampar" mereka di kubus apa adanya, atau setidaknya memberikan banyak pertimbangan ini.

@NoahFeller Tanda kurung, IMO, harus mencerminkan tanda kurung XAML, yang berukuran sama. Ini harus tercermin dalam logo. Masalah yang saya miliki dengan desain @mdtauk adalah ketika melihat tanda kurung _terisolasi_ - terutama pada ukuran gambar yang lebih kecil - saya mendapatkan kesan ukuran braket seperti ini:

(Braket kiri jelas lebih besar dibandingkan dengan braket kanan. Dalam XAML tidak demikian.) Dalam beberapa resolusi gambar, yaitu

ini cukup mencolok bagi saya dan itu membuat saya kesal, sejujurnya. Pasangan braket <> sangat menonjol di XAML sehingga saya percaya itu dibenarkan untuk "menampar" mereka di kubus apa adanya, atau setidaknya memberikan banyak pertimbangan ini.

Saya pikir desain braket 3D @mdtauk adalah cara untuk pergi, tetapi jika braket kiri berakhir dengan cara yang sama dengan yang benar, itu akan membuatnya terlihat berukuran sama, bahkan dengan efek 3D, saya melampirkan cantik contoh jelek hanya untuk memperjelas maksudnya.

@NoahFeller Tanda kurung, IMO, harus mencerminkan tanda kurung XAML, yang berukuran sama. Ini harus tercermin dalam logo. Masalah yang saya miliki dengan desain @mdtauk adalah ketika melihat tanda kurung _terisolasi_ - terutama pada ukuran gambar yang lebih kecil - saya mendapatkan kesan ukuran braket seperti ini:

(Braket kiri jelas lebih besar dibandingkan dengan braket kanan. Dalam XAML tidak demikian.) Dalam beberapa resolusi gambar, yaitu

ini cukup mencolok bagi saya dan itu membuat saya kesal, sejujurnya. Pasangan braket <> sangat menonjol di XAML sehingga saya percaya itu dibenarkan untuk "menampar" mereka di kubus apa adanya, atau setidaknya memberikan banyak pertimbangan ini.

Saya pikir desain braket 3D @mdtauk adalah cara untuk pergi, tetapi jika braket kiri berakhir dengan cara yang sama dengan yang benar, itu akan membuatnya terlihat berukuran sama, bahkan dengan efek 3D, saya melampirkan cantik contoh jelek hanya untuk memperjelas maksudnya.

Saya melihat apa yang kalian maksud. Kamu mungkin benar. Ini adalah versi cepat yang simetris dan masih 3D. Ini sangat belum selesai (tidak ada bayangan, tanda kurung terlalu besar, pewarnaan bisa lebih baik, dll.) tetapi Anda bisa mendapatkan gambaran umum tentang apa yang saya tuju. Jenis efek ilusi optik yang keren di mana Anda dapat melihatnya dengan dua cara. Tentu saja terserah @mdtauk untuk memutuskan arah mana yang akan diambil desainnya.

Tanda kurung desain @mdtauk adalah bahwa tanda kurung membungkus kubus.

@NoahFeller tanda kurung masuk akal di ruang 3D. Jika Anda melihat kubus ke arah yang ditunjukkan oleh panah merah di bawah, tanda kurung akan terlihat seperti ini

Apakah gradien Gelap ini lebih baik?

@mdtauk Sedikit saran... Jika braket kiri sesuai dengan permukaan kubus, maka dua sudut di tengah braket harus memiliki radius sudut nol ... sama dengan tepi kubus.

Kami telah melakukannya.

Komunitas - Anda luar biasa dan saya tidak bisa cukup menekankannya. Setelah, secara harfiah, _jam_ pertimbangan kami telah memutuskan satu. Ini adalah kombinasi dari @itsmichaelwest dan @mdtauk desain:

Warna:

(catatan: bayangan kubus tidak tercermin di sini karena saya tidak dapat menemukan versi bayangan dengan jari-jari sudut ini)

Satu warna:

(catatan: lihat item 2 bagian bawah tentang tanda kurung simetris vs. asimetris)

Pikiran

Seperti yang dikatakan oleh @ryandemopoulos , "Logo ini keren. Entah bagaimana terlihat modern dan retro pada saat yang sama, trendi namun juga historis, tepat dan asimetris. Ini sedikit percakapan, dan itu adalah desain."

Memanggil desainer untuk beberapa langkah terakhir kami

Kami belum sepenuhnya selesai, tapi kami lebih dekat. Inilah ujung longgar yang kami ikat:

1. Kami menyukai skema warna ini tetapi kami masih perlu menjelajahi beberapa varian warna yang berbeda (dan mencampurnya dengan bayangan/cahaya di berbagai latar belakang juga).

2. Kami menerima dua versi yang sangat bagus: satu dengan tanda kurung simetris dan yang lainnya dengan tanda kurung asimetris. Kami condong ke arah asimetris (seperti yang ditunjukkan di kanan). Pikiran?

1. Kita perlu merancang beberapa barang curian. Kemeja, stiker, tas, mungkin model fisik, dll. Selalu ada yang jelas, tapi saya yakin kita bisa membuat sesuatu yang _sangat_ keren. 😄

Kami telah melakukannya.

Komunitas - Anda luar biasa dan saya tidak bisa cukup menekankannya. Setelah, secara harfiah, _jam_ pertimbangan kami telah memutuskan satu. Ini adalah kombinasi dari @itsmichaelwest dan @mdtauk desain:

Selamat @itsmichaelwest dan @mdtauk!

Kami telah melakukannya.

Komunitas - Anda luar biasa dan saya tidak bisa cukup menekankannya. Setelah, secara harfiah, _jam_ pertimbangan kami telah memutuskan satu. Ini adalah kombinasi dari @itsmichaelwest dan @mdtauk desain:

Selamat @itsmichaelwest dan @mdtauk!

@ratishphilip Saya melihat Anda telah bekerja keras membantu kami sampai di sini, jadi selamat kepada Anda atas pengaruh dan pengaruh Anda. Saya akan melihat beberapa skema warna yang Anda usulkan sebelum kita menguncinya. 😊 Kerja bagus dan terima kasih!

Tanda kurung desain @mdtauk adalah bahwa tanda kurung membungkus kubus.

@NoahFeller tanda kurung masuk akal di ruang 3D. Jika Anda melihat kubus ke arah yang ditunjukkan oleh panah merah di bawah, tanda kurung akan terlihat seperti ini

@ratishphilip jika Anda bertanya-tanya apa yang saya maksud dengan komentar saya tentang desain Anda yang tidak berfungsi dalam 3D, saya akan menjelaskannya di sini. Pada desain Anda, bayangan tidak cocok dengan sumber cahaya yang menerangi kubus. Mereka menghadap ke arah yang berlawanan. Jika braket kiri tegak lurus dengan permukaan atas kubus, seharusnya ada bayangan panjang di belakangnya. Saat ini hanya terlihat seperti braket yang direntangkan dengan bayangan yang tidak masuk akal. Jika Anda melihat bayangan braket lain, tampaknya menghadap ke arah yang salah. Tanda kurung juga terlihat aneh dan bermetamorfosis pada sudut seperti itu. Tujuan dari ilusi adalah agar tanda kurung terlihat bagus dari sudut pandang mereka. Saya tidak mengerti mengapa mereka terdistorsi seperti itu. Tidak ada kerangka acuan untuk bentuk braket asli (tunjukkan pada gambar kanan Anda) karena itu hanya sebuah ikon. Saya tidak bermaksud menjadi super kritis, saya hanya ingin memberi Anda umpan balik sehingga Anda bisa menjadi desainer yang lebih baik lagi.

Tanda kurung desain @mdtauk adalah bahwa tanda kurung membungkus kubus.

@NoahFeller tanda kurung masuk akal di ruang 3D. Jika Anda melihat kubus ke arah yang ditunjukkan oleh panah merah di bawah, tanda kurung akan terlihat seperti ini

@ratishphilip jika Anda bertanya-tanya apa yang saya maksud dengan komentar saya tentang desain Anda yang tidak berfungsi dalam 3D, saya akan menjelaskannya di sini. Pada desain Anda, bayangan tidak cocok dengan sumber cahaya yang menerangi kubus. Mereka menghadap ke arah yang berlawanan. Jika braket kiri tegak lurus dengan permukaan atas kubus, seharusnya ada bayangan panjang di belakangnya. Saat ini hanya terlihat seperti braket yang direntangkan dengan bayangan yang tidak masuk akal. Jika Anda melihat bayangan braket lain, tampaknya menghadap ke arah yang salah. Tanda kurung juga terlihat aneh dan bermetamorfosis pada sudut seperti itu. Tujuan dari ilusi adalah agar tanda kurung terlihat bagus dari sudut pandang mereka. Saya tidak mengerti mengapa mereka terdistorsi seperti itu. Tidak ada kerangka acuan untuk bentuk braket asli (tunjukkan pada gambar kanan Anda) karena itu hanya sebuah ikon. Saya tidak bermaksud menjadi super kritis, saya hanya ingin memberi Anda umpan balik sehingga Anda bisa menjadi desainer yang lebih baik lagi.

Terima kasih @NoahFeller. Hargai tanggapan Anda.

@NoahFeller apakah ini yang Anda harapkan dari logo?

@NoahFeller apakah ini yang Anda harapkan dari logo?

Mungkin akan terlihat mirip dengan itu (bayangan mungkin tidak akan terlalu gelap) tetapi masalahnya adalah desainnya tidak terlihat bagus jika ditampilkan secara akurat dalam ruang 3D. Seperti yang saya katakan sebelumnya, kurung terlihat anehnya dikompresi dan tidak sesuai dengan arah pandangan. Saya bisa melihatnya bekerja lebih baik dengan tanda kurung berbentuk benar yang mengambang sejajar dengan tampilan 'kamera' dan bayangan yang dilemparkan secara akurat. Atau mungkin keren untuk melihat tanda kurung di dalam kubus atau semacamnya. IMO desain Anda tidak berfungsi dengan baik dalam bentuknya saat ini. Tetapi kabar baiknya adalah itu pasti dapat diubah menjadi lebih baik dalam beberapa cara yang berbeda.

Pemikiran tentang Desain Akhir

Sementara tweak terakhir terjadi, saya memiliki beberapa hal yang ingin saya sebutkan tentang desainnya. Pertama, sangat keren melihat kombinasi kubus akrilik + cahaya yang digunakan. Saya juga memiliki sedikit kekhawatiran tentang tanda kurung berwarna solid di atas kubus 3D. Kubus memancarkan cahaya dan sepertinya ada cahaya arah ke sisi kubus sehingga tidak masuk akal bahwa tanda kurung adalah warna solid. Mereka mungkin harus memiliki tampilan gradien sedikit yang cocok dengan sumber pencahayaan (tidak terlalu banyak gradien sehingga terlihat norak, hanya agar realistis). Kalau tidak, itu tidak masuk akal dalam ruang 3D sama sekali dan terlihat tidak aktif. Hal terakhir yang ingin saya tanyakan adalah apakah Anda ( @SavoySchuler , @stmoy) mempertimbangkan untuk membuat tanda kurung simetris seperti ini?

Seperti yang saya katakan sebelumnya ketika saya mempostingnya, ini adalah desain yang sangat kasar (tidak ada bayangan, tanda kurung mungkin terlalu besar, pewarnaan benar-benar dapat ditingkatkan, dll.). Meski begitu, ini mengatasi banyak masalah yang saya lihat di sini dan di Twitter tentang tanda kurung yang asimetris dan bentuk yang berbeda dan melakukannya sambil tetap membungkus kubus dengan cara yang sama seperti sebelumnya. Bayangkan saja braket kanan diperpanjang pada kubus @mdtauk . Terasa seperti peningkatan besar bagi saya karena perubahannya lebih jelas membuat tanda kurung terlihat seperti apa adanya, bukan huruf atau sesuatu. Juga simetri bila memungkinkan bagus, dan memberikan keseimbangan! Jelas gaya akan ditambahkan ke kubus akrilik @mdtauk dengan cahaya dan bukan kubus birunya (yang ditunjukkan pada gambar di atas), tetapi apakah Anda terbuka untuk melihat modifikasi ini bereksperimen lebih lanjut?

Juga selamat @itsmichaelwest dan @mdtauk!

Pertama-tama selamat kepada @itsmichalwest dan @mdtauk dan terima kasih banyak kepada @mdtauk untuk berbagi file

Untuk komentar

1. Kami menyukai skema warna ini tetapi kami masih perlu menjelajahi beberapa varian warna yang berbeda (dan mencampurnya dengan bayangan/cahaya di berbagai latar belakang juga).

Inilah pendapat saya tentang desain luar biasa @mdtauk :

Saya telah mengganti warna teal, biru dan pink dengan variasi tema windows biru untuk memberikan nuansa "Windows".

Sangat bersemangat untuk melihat ikon terakhir! Terlihat benar-benar dipoles! @mdtauk dan @NoahFeller secara khusus berbagi banyak ide luar biasa dan sudut pandang yang akan berguna untuk desain apa pun yang saya lakukan di masa depan.

Gambar kiri adalah @chingucoding mengambil desain @mdtauk . Gambar kanan adalah versi revisi saya di mana tanda kurung simetris (Maksud saya simetris tidak hanya tinggi tetapi juga dalam bentuk seperti yang Anda lihat). Melihat mereka berdampingan, asimetri benar-benar membuatku bingung. Menurut saya, simetri membawa keseimbangan dan ikon terasa kurang rumit. Banyak kurung sudut yang saya lihat sebenarnya memiliki ujung pada sudut vs menjadi datar seperti braket kiri pada awalnya sehingga perubahan ini tidak mengganggu keterbacaan (mungkin sebaliknya). Jika Anda menganggap segi enam sebagai 6 segitiga, ujung yang miring lebih elegan membuai bentuk yang memberi ikon sifat yang lebih geometris untuk versi GIF teratas. Di bawah ini adalah beberapa GIF yang menunjukkan perbedaan antara versi yang direvisi dan tidak direvisi untuk kedua desain @chingucoding . Beri tahu saya apa yang Anda semua pikirkan. Juga kerja bagus @chingucoding.

@NoahFeller tidak menjadi sama dengan salah satu kiriman saya sebelumnya (dengan membuat tanda kurung dengan warna yang sama)

@NoahFeller tidak menjadi sama dengan salah satu kiriman saya sebelumnya (dengan membuat tanda kurung dengan warna yang sama)

semacam. Tanda kurung yang multi-warna memberi mereka tampilan membungkus kubus sehingga sedikit berbeda. Perbedaan warna agak signifikan. Seperti yang telah saya sebutkan sebelumnya, tanda kurung @mdtauk bekerja jauh lebih baik untuk masuk akal dalam 3D. Tanda kurung

Oh, saya benar-benar lupa menyebutkan bahwa versi ini memiliki kubus di dalam desain kubus yang pernah saya lihat ditampilkan pada beberapa desain di halaman ini. Saya pikir ini adalah aspek yang sangat keren untuk diintegrasikan dan memiliki beberapa makna keren di baliknya. Di bawah ini adalah apa yang dikatakan @mdtauk ketika menjelaskan kubusnya di dalam desain kubus sebagai tanggapan terhadap @stmoy :

@mdtauk - terima kasih banyak atas semua masukan dan variasinya. Sebuah pertanyaan singkat - banyak desain adalah "kubus dalam kubus". Apa yang ingin disampaikan oleh kubus ganda ini?

@itsmichaelwest awalnya menyarankan untuk menggunakan Ikon XAML sebagai dasar logo, dan desainnya dipilih pada pengiriman putaran pertama.

Saya melihat kubus sebagai inti, bagian inti dari pembuatan aplikasi Windows, jadi saya memutuskan untuk mengilustrasikan konsep inti, dengan menonjolkan bagian kubus. Saya juga bermain-main dengan memiliki ruang "kosong", untuk menunjukkan bahwa ini adalah ruang untuk dibangun.

Tetapi membuat desain kubus dan braket menjadi sesuatu yang "dapat dimiliki" dan berbeda, di antara ribuan ikonografi berbasis kubus lainnya di luar sana, memainkan beberapa peran.

Dan inilah kubus braket simetris dalam desain kubus berdasarkan desain hijau/biru/ungu @mdtuak .

Pendapat saya adalah lebar kurung harus 1/4 dari lebar kubus luar. Kubus bagian dalam harus setengah ukuran kubus luar yang akan menempatkan tanda kurung pada jarak 1/4 dari lebar kubus, dari tepi kubus luar.

Dan inilah kubus braket simetris dalam desain kubus berdasarkan desain hijau/biru/ungu @mdtuak .

Saya mengubah tanda kurung agar sedikit lebih dekat. Saya pikir itu terlihat sedikit lebih baik seperti ini.

@SavoySchuler Apakah ini jenis warna yang ingin Anda gunakan?

Tanda kurung simetris pasti jauh lebih bagus. Ingin melihat konsep di mana sudut bagian dalam juga membulat.

Tanda kurung simetris pasti jauh lebih bagus. Ingin melihat konsep di mana sudut bagian dalam juga membulat.

Setuju. Sulit untuk mengatakan bahwa mereka adalah kurung sudut sebaliknya. Bisakah Anda menjelaskan apa yang Anda maksud dengan sudut dalam?

Kombinasi warna baru yang keren @mdtauk! Anda telah melakukan beberapa pekerjaan yang mengagumkan. Saya ingin tahu apakah Anda memiliki pendapat tentang apakah kurung siku harus berbentuk simetris atau tidak. Saya telah melihat @Felix-Dev, @elalexg , dan @goranalkovic memposting di sini tentang bagaimana mereka lebih memilih tanda kurung simetris. Saya ingin tahu apakah Anda memiliki sudut pandang yang kontras. Posting @ Felix-Dev ada di bawah untuk konteks.

@NoahFeller Tanda kurung, IMO, harus mencerminkan tanda kurung XAML, yang berukuran sama. Ini harus tercermin dalam logo. Masalah yang saya miliki dengan desain @mdtauk adalah ketika melihat tanda kurung _terisolasi_ - terutama pada ukuran gambar yang lebih kecil - saya mendapatkan kesan ukuran braket seperti ini:

(Braket kiri jelas lebih besar dibandingkan dengan braket kanan. Dalam XAML tidak demikian.) Dalam beberapa resolusi gambar, yaitu

ini cukup mencolok bagi saya dan itu membuat saya kesal, sejujurnya. Pasangan braket <> sangat menonjol di XAML sehingga saya percaya itu dibenarkan untuk "menampar" mereka di kubus apa adanya, atau setidaknya memberikan banyak pertimbangan ini.

Visual Studio Ungu

Kombinasi warna baru yang keren @mdtauk! Anda telah melakukan beberapa pekerjaan yang mengagumkan. Saya ingin tahu apakah Anda memiliki pendapat tentang apakah kurung siku harus berbentuk simetris atau tidak. Saya telah melihat @Felix-Dev, @elalexg , dan @goranalkovic memposting di sini tentang bagaimana mereka lebih memilih tanda kurung simetris. Saya ingin tahu apakah Anda memiliki sudut pandang yang kontras. Posting @ Felix-Dev ada di bawah untuk konteks.

@NoahFeller Membuatnya simetris berarti memisahkan Kurung dari Kubus. Saya menghasilkan versi dengan tanda kurung dengan ukuran yang sama (tetapi bentuknya tidak simetris) - dan tim yang membuat keputusan tampaknya berpihak pada menjaga Asimetri.

Jika Anda melihat Kurung sebagai representasi literal dari kurung sudut dari XAML/XML, maka Anda pasti akan tersinggung dengan pendekatan bergaya.

Tetapi jika bentuknya adalah simbol dari tanda kurung, tetapi Kubus itu sendiri adalah logonya, maka asimetri mengisyaratkan tanda kurung, sementara cukup bergaya untuk menjadi logo yang menarik.

Membuat tanda kurung simetris, sambil meletakkannya di atas kubus, berarti memutar kubus, dan itu tidak diminta, dan merupakan langkah lain dari inspirasi logo XAML.

warna

@mdtauk - Anda luar biasa. Yang kami butuhkan hanyalah file format vektor Anda untuk logo di bawah ini (bentuk kiri dan tengah lebih disukai jika tersedia). Jika tidak, jangan merasa berkewajiban untuk meminjamkan waktu Anda kepada kami lagi kecuali Anda menginginkannya. Kami tidak bisa meminta lagi tanpa merasa bersalah!

Tidak termasuk, kiriman terbaru @mdtauk (yang akan segera kami evaluasi), ini adalah tiga kombinasi warna yang paling kami sukai sejauh ini. Mereka semua mengacu pada warna merek Windows atau Alat Pengembang kami yang ingin kami selaraskan.

Sebagai eksplorasi terakhir, kami ingin melihat apakah mungkin untuk mengerjakan desain ini dalam warna resmi Microsoft dengan baik (jika memungkinkan). Saya telah menjelajahi ini secara offline dan saya belum menemukan apa pun yang dapat saya posting dengan bangga. Kecuali ada orang di sini yang bisa, kami akan memilih dari skema warna di atas.

Adapun bentuk braket/tinggi, minat kami adalah apa pun yang paling melengkapi warna. Sejauh ini, saya percaya gambar kiri dan tengah di atas melakukan ini yang terbaik, tetapi itu tidak berarti mengesampingkan item yang tepat di atas atau pengiriman warna alternatif yang menyimpang dari ini.

warna

@mdtauk - Anda luar biasa. Yang kami butuhkan hanyalah file format vektor Anda untuk logo di bawah ini (bentuk kiri dan tengah lebih disukai jika tersedia). Jika tidak, jangan merasa berkewajiban untuk meminjamkan waktu Anda kepada kami lagi kecuali Anda menginginkannya. Kami tidak bisa meminta lagi tanpa merasa bersalah!

Tidak termasuk, kiriman terbaru @mdtauk (yang akan segera kami evaluasi), ini adalah tiga kombinasi warna yang paling kami sukai sejauh ini. Mereka semua mengacu pada warna merek Windows atau Alat Pengembang kami yang ingin kami selaraskan.

Sebagai eksplorasi terakhir, kami ingin melihat apakah mungkin untuk mengerjakan desain ini dalam warna resmi Microsoft dengan baik (jika memungkinkan). Saya telah menjelajahi ini secara offline dan saya belum menemukan apa pun yang dapat saya posting dengan bangga. Kecuali ada orang di sini yang bisa, kami akan memilih dari skema warna di atas.

Adapun bentuk braket/tinggi, minat kami adalah apa pun yang paling melengkapi warna. Sejauh ini, saya percaya gambar kiri dan tengah di atas melakukan ini yang terbaik, tetapi itu tidak berarti mengesampingkan item yang tepat di atas atau pengiriman warna alternatif yang menyimpang dari ini.

Saya juga telah mencoba menggunakan warna logo Microsoft Four Square, dan tidak dapat membuatnya terlihat bagus bersama-sama sambil tetap mempertahankan dimensi kubus.

Alat apa yang Anda gunakan untuk bekerja? Saya telah menggunakan Figma, karena saya yakin itu adalah alat yang akrab dengan Microsoft, tetapi saya dapat mentransfernya ke Illustrator jika itu lebih disukai?

Terima kasih telah berbagi sudut pandang Anda tentang simetri/asimetri @mdtauk.

@NoahFeller Membuatnya simetris berarti memisahkan Kurung dari Kubus. Saya menghasilkan versi dengan tanda kurung dengan ukuran yang sama (tetapi bentuknya tidak simetris) - dan tim yang membuat keputusan tampaknya berpihak pada menjaga Asimetri.

Membuat tanda kurung simetris, sambil meletakkannya di atas kubus, berarti memutar kubus, dan itu tidak diminta, dan merupakan langkah lain dari inspirasi logo XAML.

Saya tidak mengerti apa yang Anda maksud dengan mengatakan bahwa membuat tanda kurung simetris berarti mereka harus dipisahkan dari kubus. Saya juga tidak yakin apa yang Anda maksud dengan perlunya memutar kubus agar tanda kurung tetap simetris. Saya tidak perlu melakukan salah satu dari hal itu ketika saya mengulangi desain Anda, saya hanya sedikit memodifikasi tinggi dan bentuk kurung Anda untuk mencapai simetri . Kecuali saya salah menafsirkan apa yang Anda katakan, bagian-bagian dari pernyataan Anda itu sepertinya tidak benar.

@elalexg juga mengklarifikasi poin itu dalam komentarnya:

Saya pikir desain braket 3D @mdtauk adalah cara untuk pergi, tetapi jika braket kiri berakhir dengan cara yang sama dengan yang benar, itu akan membuatnya terlihat berukuran sama, bahkan dengan efek 3D, saya melampirkan cantik contoh jelek hanya untuk memperjelas maksudnya.

Saya sebagian terinspirasi olehnya untuk memodifikasi desain Anda.

Saya juga tidak melihat bagaimana tanda kurung Anda melambangkan tanda kurung siku. Mereka tampaknya hanya kurung sudut, hanya dengan satu sedikit lebih besar dari yang lain. Seperti yang dikatakan @Felix-Dev, kurung XAML asli simetris sehingga tampaknya simetri sebenarnya lebih dekat dengan desain XAML sebelumnya, tidak menjauh darinya.

Saya dapat melihat apa yang Anda maksud dengan menginginkan logo bergaya. Rasanya tidak wajar bagi saya dan orang lain yang saya sebutkan untuk melihat kurung ukuran yang berbeda tetapi saya benar-benar dapat melihat bagaimana Anda melihat secara berbeda. Saya merasa logonya cukup kompleks dengan tekstur, cahaya, banyak warna yang berbeda, dll. dan tidak perlu lebih banyak minat tetapi sekali lagi saya dapat melihat bagaimana Anda berpikir sebaliknya.

Benar-benar terserah @SavoySchuler dan timnya untuk memutuskan ke mana harus pergi, saya hanya mencoba memahami alasan Anda. Terima kasih lagi untuk menjelaskan!

FYI Saya berencana merancang (dalam 3D) dan mencetak 3D sendiri versi kehidupan nyata dari apa pun logo akhir (final) akhirnya. Saya akan menggunakan beberapa filamen tembus cahaya untuk meniru efek akrilik (contoh di bawah). Saya pasti akan membagikan foto hasilnya jika ada di antara Anda yang tertarik!

FYI Saya berencana merancang (dalam 3D) dan mencetak 3D sendiri versi kehidupan nyata dari apa pun logo akhir (final) akhirnya. Saya akan menggunakan beberapa filamen tembus cahaya untuk meniru efek akrilik (contoh di bawah). Saya pasti akan membagikan foto hasilnya jika ada di antara Anda yang tertarik!

Luar biasa. Kami telah berbicara sedikit secara internal tentang membuat objek fisik seperti ini berdasarkan logo; tidak sabar untuk melihat apa yang Anda hasilkan!

Saya mencoba dengan warna merek Microsoft juga dan itu tidak berhasil, saya pikir skema warna yang digunakan adalah Windows karena ini adalah UI Windows (dows).
@mdtauk punya ide menarik dengan warna Visual Studio yang masuk akal juga.

Melihat semua komentar tentang simetri/asimetri untuk tanda kurung, saya lebih condong ke desain asimetris karena memberikan tampilan unik lain pada logo dan entah bagaimana tampaknya menggambar kubus sedikit lebih baik.

Saya tidak mengerti apa yang Anda maksud dengan mengatakan bahwa membuat tanda kurung simetris berarti mereka harus dipisahkan dari kubus. Saya juga tidak yakin apa yang Anda maksud dengan perlunya memutar kubus agar tanda kurung tetap simetris. Saya tidak perlu melakukan salah satu dari hal itu ketika saya mengulangi desain Anda, saya hanya sedikit memodifikasi tinggi dan bentuk kurung Anda untuk mencapai simetri . Kecuali saya salah menafsirkan apa yang Anda katakan, bagian-bagian dari pernyataan Anda itu sepertinya tidak benar.

Saya juga tidak melihat bagaimana tanda kurung Anda melambangkan tanda kurung siku. Mereka tampaknya hanya kurung sudut, hanya dengan satu sedikit lebih besar dari yang lain. Seperti yang dikatakan @Felix-Dev, kurung XAML asli simetris sehingga tampaknya simetri sebenarnya lebih dekat dengan desain XAML sebelumnya, tidak menjauh darinya.

Saya dapat melihat apa yang Anda maksud dengan menginginkan logo bergaya. Rasanya tidak wajar bagi saya dan orang lain yang saya sebutkan untuk melihat kurung ukuran yang berbeda tetapi saya benar-benar dapat melihat bagaimana Anda melihat secara berbeda. Saya merasa logonya cukup kompleks dengan tekstur, cahaya, banyak warna yang berbeda, dll. dan tidak perlu lebih banyak minat tetapi sekali lagi saya dapat melihat bagaimana Anda berpikir sebaliknya.

Benar-benar terserah @SavoySchuler dan timnya untuk memutuskan ke mana harus pergi, saya hanya mencoba memahami alasan Anda. Terima kasih lagi untuk menjelaskan!

Saya ingin "tanda" pada kubus, sejajar dengan sisi wajah kubus. Dengan memotong goresan ujung braket kiri pada sudut diagonal, kontur kubus terasa tidak alami, dan membuatnya terasa seperti terputus dari rotasi.

Tapi sekarang untuk @SavoySchuler dan tim untuk mengambil desain, dan menafsirkan dan membentuknya menjadi apa yang tim inginkan dan butuhkan darinya.

Saya baru saja menyelesaikan versi Adobe Illustrator, dilucuti dari semua warna, sehingga mereka dapat menganggapnya sebagai titik awal.

Ini file Illustrator, zip
Bentuk Logo Akhir.zip
_EDIT: File Illustrator yang Diperbarui dengan versi Berwarna Mono yang Diisi ditambahkan_

16

32

64

128

256

1024

4096

Ok terima kasih untuk mengklarifikasi @mdtauk. Saya melakukannya dengan cara itu untuk mencapai kubus halus dalam desain kubus yang telah saya bicarakan di posting sebelumnya. Karena sudut tutup garis adalah 45° itu pada garis diagonal bujur sangkar jadi saya tidak merasa itu terlalu tidak wajar. Saya melihat apa yang Anda maksud. Saya pikir saya memprioritaskan pemasangan bentuk sebagai segi enam sementara Anda memprioritaskan pemasangannya sebagai kubus dan ada sedikit kompromi (simetri seimbang dengan kubus dalam desain kubus vs karakter tambahan dan bungkus yang lebih baik). Bagaimanapun, saya sangat menghargai penjelasannya!

Ok terima kasih untuk mengklarifikasi @mdtauk. Saya melakukannya dengan cara itu untuk mencapai kubus halus dalam desain kubus yang telah saya bicarakan di posting sebelumnya. Karena sudut tutup garis adalah 45° itu pada garis diagonal bujur sangkar jadi saya tidak merasa itu terlalu tidak wajar. Saya melihat apa yang Anda maksud. Saya pikir saya memprioritaskan pemasangan bentuk sebagai segi enam sementara Anda memprioritaskan pemasangannya sebagai kubus dan ada sedikit kompromi (simetri seimbang dengan kubus dalam desain kubus vs karakter tambahan dan bungkus yang lebih baik). Bagaimanapun, saya sangat menghargai penjelasannya!

Tidak ada pendekatan yang lebih baik dari yang lain, hanya ide yang berbeda pada intinya. Seperti yang Anda katakan, saya tidak ingin kehilangan fakta bahwa ini adalah sebuah kubus, dengan kedalaman, dan tekstur, sebagai tujuan awal di balik logo XAML.

Ini file Illustrator, zip
Bentuk Logo Akhir.zip
_EDIT: File Illustrator yang Diperbarui dengan versi Berwarna Mono yang Diisi ditambahkan_

16

32

64

128

256

1024

4096

Hai teman! kami ingin memiliki desain logo multi-warna & biru asli yang Anda buat saat pertama kali Anda mengirimnya, satu file .ai dalam folder zip. mereka tampak hebat! terima kasih telah membantu kami, kami sangat menyukai pekerjaan Anda sehingga kami ingin mempertahankannya apa adanya :) terima kasih lagi

@embender Semoga ini yang kamu mau

Logo Biru tanpa bayangan.zip

Logo Gelap Multi Warna.zip

Logo Cahaya Multi Warna.zip

@SavoySchuler @embender Saya telah memperbarui Figma dengan logo dan warna akhir, ini termasuk bayangan yang akan menggelembungkan ukuran file dari file Adobe Illustrator.

https://www.figma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share?node-id=0%3A1

Apakah hanya saya atau apakah kubus abu-abu yang lebih kecil terlihat kabur? Apakah itu hanya artefak kompresi gambar atau apa?

Apakah hanya saya atau apakah kubus abu-abu yang lebih kecil terlihat kabur? Apakah itu hanya artefak kompresi gambar atau apa?

Logo Greyscale yang saya posting sebelumnya?

Gambar harus tajam jika dilihat pada zoom 100%, karena dirancang agar terlihat tajam pada kisi piksel.

@mdtauk - sekali lagi terima kasih atas semua kontribusi dan tanggapan cepat Anda. Anda sangat berharga selama proses ini. Terima kasih juga karena telah menyediakan logo monokromatik - saya pikir mereka akan terlihat bagus di barang curian!

Jika tidak terlalu merepotkan, bisakah Anda mengirimkan aset yang menunjukkan versi garis besar logo termasuk tanda kurung asimetris? Sesuatu seperti ini, tetapi diperbarui ke desain terbaru:

Juga, apa pendapat Anda tentang ketebalan garis? Saya tahu ada percakapan tentang memastikan bahwa ketebalan garis membantu mempertahankan logo pada ukuran piksel kecil, tetapi untuk barang curian, saya ingin tahu apakah garis yang lebih tipis akan lebih efektif?

Saya sangat menyukai versi logo asimetris di mana garis memanjang ke tepi luar setiap wajah. Yaitu.
Logo Cahaya Multi Warna.zip

Hal ini memungkinkan setiap wajah menjadi koheren dalam dirinya sendiri, dan memungkinkan Anda untuk membayangkan seperti apa wajah yang tersembunyi jika kubus itu diputar.

Pada catatan itu, mungkin keren jika desainnya digunakan untuk kubus rubik.

@stmoy saya mengencerkan garis sedikit sebagai penskalaan, tetapi untuk 16 dan 32, saya ingin mempertahankannya dengan ketebalan 1 px.

Pokoknya saya telah menambahkan ikon bobot Monoline yang lebih tipis ke Figma.

Apakah hanya saya atau apakah kubus abu-abu yang lebih kecil terlihat kabur? Apakah itu hanya artefak kompresi gambar atau apa?

Logo Greyscale yang saya posting sebelumnya?

Gambar harus tajam jika dilihat pada zoom 100%, karena dirancang agar terlihat tajam pada kisi piksel.

Ah, konyol saya dan penskalaan DPI! 😛

Logo Selesai

Halo, komunitas yang luar biasa! Seperti yang saya yakin Anda telah lihat selama seminggu terakhir, kami pasti, pasti, tanpa pertanyaan, 100%, benar-benar mendarat di logo yang sangat kami sukai! Terima kasih yang sebesar-besarnya kepada Anda semua karena telah mengantar rumah ini. Kami benar-benar ingin menciptakan sesuatu yang menggabungkan semua pekerjaan favorit yang dilakukan semua orang di sini. Kami percaya ini melakukan itu.

Mari kita tanya jawab

Kami memiliki logo Xaml lama di sini:

Ketika @itsmichaelwest menghembuskan kehidupan baru ke dalam sejarah, Anda mendapatkan sesuatu yang luar biasa:

Dari situ, kami beralih ke masyarakat. Setelah (hampir) seratus kiriman lainnya menjelajahi pewarnaan ulang dan gaya, kami jatuh cinta dengan sentuhan sederhana namun elegan ini untuk melengkapi tanda kurung. Seperti yang @embender katakan, diparafrasekan, "Saya suka ketinggian yang berbeda pada tanda kurung. Itu membuatnya sedikit abstrak - melukis beberapa seni ke sains," yang merupakan perpaduan UI - seni dan sains digabung menjadi satu."

Adapun warna - komunitas pengguna kami berbicara dan menuntut sesuatu yang masih "terasa seperti Windows." @mdtauk membuatnya mudah untuk membayangkan warna biru yang akrab ini mewakili komunitas kami sekali lagi:

Tentu saja, dalam ringkasan singkat ini, saya meringkas ~300 interaksi dari hampir 40 kontributor di sini dan lebih banyak lagi di Twitter dan offline. Cerita pendeknya begini: Kami tidak bisa melakukan ini tanpa kalian semua, dan saya harap kalian semua melihat sedikit dari pekerjaan kalian dan cerita kalian mencerminkan apa yang telah kita buat bersama. Entah bagaimana terlihat modern dan retro pada saat yang sama, hip namun juga historis, tepat dan asimetris. Ini sedikit bagian percakapan, dan itu dirancang. 😊

Sedang mencari

Mempertimbangkan betapa beragamnya upaya kolaboratif ini dan semua variasi warna-warni yang kami lihat, bagaimana mungkin kami tidak membuat semuanya tetap hidup dengan semua ide yang Anda berikan kepada kami? Kami sangat bersemangat untuk bereksperimen dengan warna dan tema. Pantau terus Twitter saat kami membagikan karya desain yang menyenangkan dan mencoba menghadirkan bulan perayaan, liburan, dan merilis varian bertema untuk dibagikan! 😊

Kami juga akan mulai mengulangi desain barang curian yang menarik. Pastikan untuk mampir ke booth kami di Microsoft Ignite untuk mengambil salah satu stiker di bawah ini!

Tautan Swag?

Saya melihat ada permintaan untuk menyediakan tautan pembelian barang curian pribadi. Segera setelah lineup barang curian kami selesai, saya akan melihat apakah saya dapat mewujudkannya dan melaporkan kembali ke utas ini. Saya akan menunda menutup masalah sampai saat itu!

Kami memiliki barang curian untuk dibagikan!

Tim Komunitas, saya mendengar Anda dengan keras dan jelas. Anda menginginkan kesempatan untuk membeli barang curian yang sama yang akan digoyang oleh anggota tim internal kami di Microsoft Ignite, di atas panggung, dan di seluruh dunia. Kami memilih untuk merancang dan memesan barang curian kami melalui perusahaan yang dapat mewujudkannya untuk Anda.

Saya menempatkan pesanan terakhir kami dari 100+ item hari ini. Setiap anggota tim harus memilih satu atau yang lain. Banyak yang sangat menyukai keduanya, kami mengambil satu dan memesan yang lain sendiri (termasuk saya)!

Tolong beri tahu saya jika Anda memiliki pertanyaan. Saya punya beberapa catatan:

• Jika Anda adalah pemenang dari "Isu ke-1000 - Terima Kasih!"
• Hoodies memerlukan minimum pemesanan 6. Anda dapat dengan mudah menukar produk dengan satu tanpa minimum atau menggabungkan formulir pemesanan kelompok.
• Jika Anda memesan minggu ini/mengirim ke hotel Anda, Anda bisa mendapatkannya tepat waktu untuk bergabung dengan kami memakainya di Microsoft Ignite di Orlando, FL, 4 - 8 November!

Link Pemesanan Hoodie WinUI

Link Pemesanan Baju WinUI

Logo terakhir itu ternyata bagus. Itu benar-benar muncul.