2022/1/13をもって お客様がご利用中のブラウザ (Internet Explorer) のサポートを終了いたしました。 (詳細はこちら) クックパッドが推奨する環境ではないため、正しく表示されないことがあります。 Microsoft Edge や Google Chrome をご利用ください。 (Microsoft Edgeでクックパッドにログインできない場合はこちら)
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色(黄⇔青 赤⇔緑)の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。(色相対比)
Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相(しきそう:Hue) 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 (色相はつながりあって色相環という輪になります。) 彩度(さいど:Saturation:Chroma) 色の鮮やかさ、強弱の度合いのこと。 彩度が高い(鮮やか)⇔彩度が低い(鈍い) 明度(めいど:Value:Brightness) 色の明るさの度合いのこ
2022年9月27日 クリーク・アンド・リバー社でのUXデザイン基礎セミナー第4回 「プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回」のスライドです。ユーザビリティテストとプロトタイピングの手順をていねいに解説するとともに、じっさいに2名のユーザーを会場にお招きし、公開でユーザビテリィテストをします。 公開ユーザビリティテストの題材として、英会話アプリ 「Langaku(ランガク) https://langaku.app/ 」 を運営するMantra株式会社さまのご協力をいただきました。 【著作権表示】 ・本Figma/FigJamのデータは英会話アプリ「Langaku」のユーザビリティテストのために作成したものです。英会話アプリ「Langaku」の画面の著作権はMantra株式会社に帰属します。 ・本Figma/FigJam
前の記事ではFLVからmp3を抽出する方法を紹介しましたが、この記事ではSWFからmp3を抽出する方法を紹介したいと思います。保存したフラッシュファイルやニコニコ動画から落としたSWFファイルから音声のみを取り出して聞きたいときに役立ちます。 SWFからmp3を抽出するにはHugflashというツールを使用します。取りあえずサイトへ行ってDOWNLOADをクリックして保存した後、解凍してください。 解凍したらHugflashを起動し、SOUND以外のチェックを全て外した後、目的のSWFファイルをHugflashのウィンドウにドラッグ&ドロップすれば、すぐにmp3ファイルが作成されます。 ちなみに右上のネジみたいなボタンを押すと、各種設定というウィンドウが開きますが、その一番上にあるSavePathの所で保存先フォルダの変更ができます。 関連記事 FLV→mp3変換 mp4→mp3/aac変
今回はひさしぶりにチュートリアルです。 今回は前回取り上げましたウニフラッシュブラシと同じく、パターンブラシによる点線集中線のチュートリアルをご紹介します。 均一な太さの線による点線集中線と、強弱のある点線集中線の作り方の二本立てです。 ①均一な太さの線による点線集中線[直線ツール編] 基本ストロークの作成 まず直線ツールで縦線をひきます。例は30mm・270°で作成しました。 破線を適用・点線にする 続いて、縦線に破線を適用します。 縦線を選択した状態で、[線]ウィンドウにある[破線]チェックボックスにチェックをいれます。破線は5pt間隔としました。 縦線をコピー&ペースト 縦線を[オブジェクト(O)]→[変形(T)]→[移動(M)...]を利用して、コピー&ペーストします。 縦2mm・横2mmの位置にコピーします。 スウォッチに登録 縦線を[スウォッチ]にドラッグ&ドロップしてスウォ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く