• Category Archives: デザイン / UIUX

デザインの現場で使える、持っておきたい無料テクスチャ素材40枚まとめ – PhotoshopVIP

«  テクスチャ祭りやー。「重ねるだけで質感をアップできる素材から、トレンドの水彩ペイントを手軽に実現できるアイテムや金箔、紙、ウッドテクスチャなど」。
    

プロのデザイナーが実践している、最近のWebデザインで見かけるカラーを効果的に使ったテクニックのまとめ | コリス

«  はー、いろいろできるんやな。やってみたい。「いずれにしても、カラーを使って作業することは非常に楽しいことです」。
    

なぜユベントスはエンブレムを変えたのか、ブランド再構築を担う2人が『WIRED』に語ったこと|WIRED.jp

«  タイミングも大事よな。「サポーターへの尊敬と、企業が未来に対して抱いているヴィジョンとのバランスを取りながら行わなければなりません」。
    

上野動物園が公開したWebサイトに「すごーい!」と注目集まる その狙いは – ITmedia

«  ああ、これはすごい。かっこいい(小並感)。「上野動物園にはたくさんの動物がいるが、他にも魅力がたくさんある。それらを表現したかった」。
    

最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ|コリス

«  勉強になります。「デザインのアイデアとして、またそれが実装可能かどうか、実装はどうやっているのか、何かあった時にチェックすると便利」。
    

Web制作者が知っておきたい、ハンバーガーメニューに代わるスマホ向けのナビゲーションのまとめ | コリス

«  ハンバーガーメニュー、得意ではないので…。「ハンバーガーメニューが悪い選択であるという事実は実際の数字で証明されている」。
    

ウェブサイトをデザインするときにお世話になっている7つのツールとサービスを紹介します | 株式会社LIG

«  Smallpdfいいよいいよー。「フォントの選定だったり、コンテンツの幅を計算したり、地味な部分ですが、ここをツールに頼ると結構時短できます」。
    

[CSS] 背景は固定、美しいブラーがかかった半透明のパネルやサイドバーやボタンを実装するスタイルシート | コリス

«  これやってみたい。「例えばパネルをクリアにして、背景をブラーにするなど、反転させてみるのも美しい見た目になります」。
    

ウェブサイト制作に欠かせない、アニメーション人気テクニック4つまとめ – PhotoshopVIP

«  勉強用にメモ。「より快適なウェブサイト体験を実現するために加えたい、アニメーションの制作テクニックをサンプル例と一緒に詳しく見ていきましょう」。
    

[JS] コンテンツの見出しを目次にし、スクロールしてもサイドバーに固定表示されるナビゲーション – Progress Nav | コリス

«  確かに。ちょいちょい見る。「去年あたりから、このタイプのナビゲーションが増えてきました」。
    

【見えざる手でユーザを誘導】Webサイトにおけるナビゲーションデザインのルール4選|SeleQt

«  モバイルとデスクトップで異なるナビゲーションとかは意識したい。「多くのウェブサイトでナビゲーションは『まあまあ上手くできている』止まりとなっています」。
    

デザインやイラストで備えておきたい、Photoshopの商用無料おすすめブラシ素材のまとめ | コリス

«  ブラシいいよいいよー。「写真やイラストに重ねたり、背景に添えたり、デザインのちょっとしたアクセントにぴったりです」。