ChatGPTをデザイナーの相棒にする第一歩 | ベイジの日報
今年に入ってから急激にAIの進化が進み、クリエイティブ業界では「仕事が取られるかもしれない」という不安が駆け巡った。AIが賢すぎる事実を目の当たりにするとマイナスな感情を抱きがちだが、せっかくなので味方につけて楽しみたいとも思う。 そこで私がまずおすすめしたいライトな使い方は、「アイコン選定のお手伝い」をしてもらうこと。 ベイジではBtoBサイトの案件が多いので、自分が普段接することのない専門性の高い領域だと「この見出しに合うアイコンって何だろう…」と迷うことが多くある。 少しの表現の違いで誤解を招くこともあるので慎重に選定したいが、一つ一つ調べるとかなりの時間がかかる。 そんなときにChatGPTに相談してみるのだ。以下は簡単な例。 以前は複数のサイトを見比べて一般的にどんなモチーフが使われているのか探したりと、素材を選ぶ前段階に時間がかかっていた。しかし1から自分で素材を検索するより、
2021年、最も注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン＋8ptグリッド＝調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行
「Ameba」アイコン刷新 一貫性と再現性追求のための設計術 | CyberAgent Developers Blog
GUIにおけるアイコンとは、プロダクトを触れるユーザーに対して、機能や動作を抽象化してシンプルかつ直感的に伝達させる、文字情報に頼らない記号です。 基本的に、記号が内包する意味には受け手によって解釈の余地があるような状態であってはなりません。しかし、ユーザーに対して、シンプルに正しい意味を伝えることが出来るという前提さえ踏まえれば、それを成すスタイリングは作り手やプロダクトによって様々な表現が可能な余地が残されています。 つまり、アイコンは、記号としての機能性に加えて、装飾としての役割も抱く、プロダクトGUIにおけるスタイリング定義の標本となり得るということです。 前段 「Ameba」について 「Amebaらしい」アイコンとは何か 塗りと線のルール 「Amebaらしい」形状 「Ameba Sans」の形状分析と曲率定義 線の太さのルール 命名規則を決める Library化 リプレイス まと
誰のためのUI？ Dropboxのデザイナーが語るUXライティング
Windowsに「My Computer」のアイコンがあった時代を覚えていますか？ あなたのコンピュータ上にある、すべてのアプリケーション、ファイルやその他のデジタルコンテンツを詰め込んである、小さなアイコンのことです。 後のバージョンのWindowsでは、Microsoftはこのアイコン名を「Computer」へと変更、さらには「This PC」へと変更しました。その理由は何だったのでしょうか？ 「my」が何を指すのか曖昧だからでしょうか？ どこか矛盾しているからでしょうか？ それとも必要なかったからなのでしょうか？ このアイコン名の変更は、私に大きな疑問を抱かせました。なぜこのような製品は時として、「私のもの（my〜）」や「あなたのもの（your〜）」という言い方をするのでしょうか？ 「あなたのもの」を何と呼ぶか？ 様々なアプリを見ていくと、UI上であなたの所有かどうかを表す基準は存在
CC0の太っ腹ライセンス！スタイルガイドと150種類以上のコンポーネントが揃ったワイヤーフレーム素材 -Contra
150種類以上のコンポーネントと50種類以上のすぐに使えるスマホスクリーンが含まれたワイヤーレフーム素材を紹介します。 アイデアを素早くプロトタイプ化するためのスターターキットで、スタイルガイドを利用して新しいコンポーネントやスクリーンを簡単に作成することもできます。 かわいいデザインで、見るだけでも楽しめます！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI用のアイコンが1,400種類以上！商用でも完全無料で利用できる、シンプルなアイコン素材 -Remix Icon
