• Category Archives: デザイン / UIUX

デザインは奥が深い!目の錯覚を効果的に使ったUI、ロゴ、イラスト、文字組みのデザインテクニック | コリス

«  合ってるはずなのにちょっと違和感、の解消に。「その仕組みを理解することで困惑されることなく、効果的に利用することもできます」。
    

パララックス、アニメーションによる画面遷移、上質な動画…ミニマルデザインを飾る3つの要素|M-HAND

«  なるほど。「シンプル・ミニマルなデザインにしたいが、作りは凝ったものにしたいと希望するクライアントが多いからかもしれません」。
    

Windows 10の新しいフォント「UDデジタル教科書体」が見やすいと一部で話題に!これはMacに少し近づいたか : IT速報

«  初見は好印象。「すごいな。こんなフォントがただで使えるのか」「なかなかコクのあるフォントだな」「普通に綺麗でびっくりした」。
    

【UXを向上させる「絵文字」の使い方とは…?】絵文字を取り入れるメリットと使い方|SeleQt

«  サイト上での表現手段としてどうかというのは悩むところ。「使い方には注意が必要で、文脈を無視したり絵文字を多用しすぎるとUXを壊してしまいます」。
    

ガーリーやゴシック系のデザインに使える!1500種類以上のレース素材が無料でダウンロードできる -ダ・レース | コリス

«  ガーリー素材、いいよいいよー。「素材の利用にあたっては個人でも商用でも無料で、改変も自由。コピーライトの表示も必要なし、とのことです」。
    

サイトが「退屈」になっている7つの兆候とその直し方【すぐにあなたのWebサイトをチェック!】|SeleQt

«  たまに見るな…。「もしサイトに、これから紹介する7つの兆候が見られたら、ユーザはあまりサイトを楽しんでくれていないかもしれません」。
    

ヘッダ・フッタ・ナビゲーションなど、最近のWebデザインで採用されているアイデアのまとめ -Good Web Design | コリス

«  これはありがたいまとめ。「最近のWebデザインで採用されているアイデアがまとめられたGood Web Designを紹介」。
    

Webデザインを「もっとかっこよくして!」と言われた時に試したいCSS小技5つ | Webクリエイターボックス

«  何をもって「かっこよく」かもあるけれど。「一見コーディングするには難しそうなデザインも、調べれば必ず実装方法が存在します」。
    

絶対に悪用してはいけない!インフォグラフィックのテクニック5選|ferret

«  実例が掲載してあってわかりやすい。「こうして考えると、皆さんが普段使っている棒グラフの完成度の高さがわかります。しっかり計算し尽くされたグラフなのです」。
    

【インスピレーション/スニペット】CSSとJavaScriptで作る!無料オンボーディングUI 10選|SeleQt

«  この辺、大事やな。「オンボーディング、つまりサービスに接した最初の瞬間をいかにデザインするかは、ユーザを獲得する上で決定的な重要性をもっています」。
    

Webデザインでも流行中!ブルータリズムデザインの起源とは…?【デザイナーは必見!】|SeleQt

«  なるほど、流行ってるんか、これ。「さびれたような色使い、太く大きなシェイプ、巨大なタイポグラフィーなどがブルータリズムの特徴です」。
    

【UXを収益につなげるために】「サイト内検索」のユーザビリティを改善するための10のチェックポイント|SeleQt

«  この辺は重視したい。「内部の検索データからデータを集めて、顧客が何を必要として、何を望んでいるか、また、なぜなのかを把握しください」。
    

Webデザインのトレンド!グラデーションを豊富に使ったWebサイト11選|SeleQt

«  ブームが交互にくるんよなぁ…。「フラットデザインの次にやって来たトレンドに、お気づきの方も多いでしょう。現在のウェブでは、グラデーションを使ったデザインがよく見られます」。
    

最近のWebサイトで使われているレイアウト・コンポーネント全102種類が揃ったデザイン素材 -Frames | コリス

«  便利そうなのでメモ。「カラーやフォントの定義、スタイルガイドのテンプレートなども含まれており、勉強にもよいと思います」。
    

手描きの質感を再現!鉛筆・チョーク・クレヨン・木炭・消しゴムなどのPhotoshopのブラシ素材 | コリス

«  良さげ。あとで試す。「通常は有料ですが、今週末まで無料でダウンロードできます。ライセンスは有料時と同じで、個人でも商用でも利用できます」。
    

WordPressでさまざまなデザインのランディングページやブログが、簡単にドラッグ&ドロップで作成できる -Spark | コリス

«  永遠なんて一秒で決まる。「Bootstrap3をベースにしたレスポンシブ対応。機能は使い切れないぐらい豊富」。
    

モバイルUI進化中!革新的なナビゲーションメニュー実例サンプル10個まとめ – PhotoshopVIP

«  なるほどなー。「デザイナーが製品やユーザーのために最適化したナビゲーションメニュー設計では、クリエイティブで画期的なデザインがいくつか見られます」。