Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく! 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
Step 0 準備 ・以下のパネルを表示させておいてください。 【アピアランスパネル】(Shift + F6) 【線パネル】(Ctrl + F10/Command + F10) ・チュートリアルで使用しているIllustratorはCC2015、ツールの名称などはCC2015にあわせています。 ・カラーモードはRGB、基本単位はpx、Web上での使用を想定しています。 ・今回のチュートリアルはCS5以前のバージョンには対応していません。(やや精度が低いものならつくることができます) Step 1 同心円グリッドツールで同心円をつくる 同心円グリッドツールで同心円を描いてみましょう! 直線ツールを長押しして、同心円グリッドツールに切り替えます。 切り替えたらダブルクリック。6つの同心円を作ります。 同心円グリッドツール/Polar Grid Tool 幅/Width:100px 高さ/Hei
この記事は、無理しない働き方をテーマに「人事評価を無難にスルーする方法」について解説しています。「人事評価がいつも憂鬱…」「執着もないけど無難にやってほしい」「自己評価の仕方がわからない・・」こんな方におすすめです。 READ MORE
Illustratorを使って文字を四角や円で囲む場合、一般的には矩形ツールや楕円ツールを使用します。でも、これだと文字数が増えた場合に、その都度修正しないといけないのが面倒なんですよね。 文字数が変わっても図形が自動的に変わるようにするには、Illustratorのアピアランスと効果を使用します。 自動的にサイズの変わる長方形で文字を囲む方法 バリエーション 塗りの長方形で文字を囲む方法 角丸長方形で文字を囲む方法 一文字を円で囲む方法 自動的にサイズの変わる四角で文字を囲む方法 文字を入力します。 アピアランスパレットで「新規線を追加」を選択します。 アピアランスパレットで、追加した線を選択した状態で効果メニューから「形状に変換」の「長方形」を選択します。 今回は「値を追加」を選択して、任意の数値を入れます。今回は1mmにしました。 ちなみに「値を指定」する場合は、見出しなどをデザイン
デザイナーさんの時間短縮のためのイラレweb素材 季節イベントのワンポイント素材やサービスロゴ、ウェブページのアクセントに使えそうなイラストレーター/ベクター/パスデータのeps素材を無料配布しているダウンロードサイトです。 各ページの【ダウンロードリンク】よりご使用下さい。※ダウンロード際はポップアップを許可してください。
最終更新日 : Feb 02, 2024 02:38:20 PM GMT | 次にも適用 : Adobe After Effects CS5, Adobe After Effects CS5.5, Adobe Bridge CS5, Adobe Bridge CS5.5, Adobe Dreamweaver CS5, Adobe Dreamweaver CS5.5, Adobe Dreamweaver CS6, Adobe Fireworks, Adobe Fireworks CS6, Adobe Illustrator CS5, Adobe InCopy CS5, Adobe InCopy CS5.5, Adobe InDesign CS5, Adobe InDesign CS5.5, Adobe Photoshop CS5, Adobe Premiere Pro CS5, Adobe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く