[B! デザイン][まとめ] yamadarのブックマーク

yamadar id:yamadar

デザインとまとめに関するyamadarのブックマーク (297)

注目のWebデザイントレンド10選【2023】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
新年度も始まったということで、去年に引き続き注目トレンドのWebサイトをいっぱい見漁ってきました。徐々に緩和されつつありますが、移動や外出が制限されていたこともあり、より刺激的な体験をインターネットに求める傾向がありました。また、社外だけではなく社内のコミュニケーションもオンラインが当たり前になっていることから、より効率的なコミュニケーションが模索されてきています。 AIを使ったサービスが爆発的に認知を広げていたりとさまざまな変化があるなかで、Webサイトはどう進化していくのでしょうか。妄想を膨らませながら見ていきましょう。 ※今回こちらの記事を参考にしています。 Top Web Design Trends of 2023 11 engaging web design trends for 2023 9 interactive web design trends for 2023 こんな
yamadar 2023/05/09
一つ一つ見た。気になるサイトはソースコードも眺めてみた

デザイン

まとめ
リンク
ちょうどいいWebデザインギャラリー
カラーネイビー (1) カラフル (251) スカイブルー (224) ホワイト (1208) ベージュ (412) グレー (422) ブルー (343) パープル (56) ピンク (125) レッド (211) オレンジ (122) イエロー (212) グリーン (301) ブラウン (147) ブラック (532) ゴールド (54) 業種スポーツ (27) 旅行・ホテル・観光 (152) 美容 (107) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (126) 金融・保険・会計・法律 (45) ファッション・アクセサリー (73) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (149) アート (41) 車・バイク他 (18) 事業・組織 (71) 暮らし商品・サービス (143) 飲食・食品・飲料 (476) 行政・NPO・団体・協
yamadar 2022/09/07
こういうの延々と見てしまう。昔はプリントアウトして集めていた

まとめ

デザイン

webサービス
リンク
新しい日本語フォントがたくさんリリースされてる！ 2021年、日本語の新作フリーフォントのまとめ
2021年もあと残り2週間ですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！これまでの日本語フリーフォント総まとめは、下記をご覧ください。日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記後日、上記に追加します。 2021年フォント界の大きなニュースは、Google Fontsに大量の日本語フォントが追加されたことです。Webフォントとして利用できるのはもちろん、オープンソースになったので商用プロジェクトでも無料で利用できます。というわけで、Google Fontsで利用できるようになった日本語フォントから紹介します。有料だったフォント︵砧書体やZENフォントやFontworksなど︶もオープンソースのSILライセンス
yamadar 2021/12/17
コリスさんいつも纏めありがたい

font

まとめ

デザイン

素材
リンク
【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新｜ryota_funakoshi
︻保存版︼﹁もうデザイナー用の最強チートシート作っちゃおうよ﹂と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新こんにちはデザイナー社長の船越です！久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から﹁どこから画像を引っ張ってくればいいかわからない😭﹂﹁日々の情報収集どうすればいいの？🤔﹂という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました！デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです！たくさんのデザイナーさんの役に立つ記事にしたいため、﹁このツールも便利だよ！﹂というのがあればぜひコメントで教えてください！日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し
yamadar 2020/08/20
こういう纏めって伸びる印象。

まとめ

デザイン
リンク
Futurist Architecture
yamadar 2019/11/28
デザイン

まとめ

情報収集

インテリア
リンク
デザインの原理原則とは？ 4つの「Before、After事例」で差が出るポイントを学ぶ | ウェブ解析士会議
この3行の説明のうち、﹁手を動かして何かを作る﹂というのは最後の1行のみしかない。つまり、デザインの全体のうち3分の2は手を動かして何かを作る前にやることがあるということ。これがデザインの本質だと鷹野氏は言う。続けて、鷹野氏は自身が考えるデザインの定義を次のように説明した。具体的な問題を解決するために情報などを︻取捨選択して整理し、“スッキリ”させる作業︼具体的に﹁スッキリさせる作業﹂とは、以下の3つだ。内容をスッキリさせる何を盛り込む／盛り込まないべきなのか、内容を精査する見た目をスッキリさせるスッキリした︵余白が多めの︶デザインがトレンド気持ちをスッキリさせる気持ちがスッキリしないと行動に結びつかない初めての人と何度も経験している人では、抱えている課題が異なる。たとえば、初めての人であれば、スケジュール感、必要なもの、段取りなど、いろいろわからないことだらけだろう。
yamadar 2019/08/01
デザイン

まとめ

考え方
リンク
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。デザインとは何か？デザイナーは何を考えてデザインを作っているのか？という話から、実際にデザインを評価・検討するための言葉を紹介しています。この作品はクリエイティブ・コモンズ表示 - 改変禁止 4.0 国際ライセンスの下に提供されています。第二回﹁UIデザインをはじめよう﹂はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回﹁今日からできるUXデザイン﹂はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
yamadar 2019/04/19
デザイン

まとめ

考え方
リンク
【総まとめ】2018年印象に残った世界のベストWebデザイン厳選51個
当サイトでは、定期的に魅力的な最新ウェブサイトのデザインをまとめて紹介していますが、2018年は革新的なエフェクトやインタラクティブな仕掛けをつかったサイトが、たくさん登場しました。サイトに動きを加えるマイクロインタラクションやホバーエフェクト、一般的なグリッドレイアウトを無視したり、マウスカーソルのカスタマイズ、画面が乱れた歪み（英: Distortion）エフェクトなど数多くのテクニックが公開された年でもありました。今回は、2018年に集めた世界中のウェブサイトデザインの中から、特に印象的だった51個をまとめてご紹介します。いくつかのサイトは、これまでのまとめで見たことがあるかもしれません。【総まとめ】2018年特に印象的だった世界のベストWebデザイン厳選51個 Narcos Mexico 番組のストーリーでもある、コカインの密輸ルートを作成、共有できる体験サイト。 Timel
yamadar 2018/12/27
デザイン

まとめ
リンク
ウェブの今を体感！参考にしたい最新ウェブデザイン48個まとめ 2018年10月度 - PhotoshopVIP
メッセージを伝えたり、商品を販売したり、ポートフォリオや企業サイト、ブログやランディングページなど、ウェブページには制作したデザイナーのアイデアがつまっています。まるで思いつかないようなユニークなアイデアが使われていたり、最先端のウェブ技術を駆使したこれまでにない体験をお届けするサイトなど、参考したいポイントがたくさんあります。この記事では、最近国内外で話題となった最新ウェブデザインをまとめてご紹介します。ますます加速するウェブの世界をのぞいてみてはいかがでしょう。実例で学ぶウェブデザイン！参考にしたい最新スタイル見本厳選50個まとめウェブの今を体感！参考にしたい最新ウェブデザインまとめ The Art Center 子どもたちにデザインの楽しさを伝えるワークショップを開催しているサイトで、カラフルでシンプルなシェイプをつかった統一感のあるデザインが素敵。chu Cowboy アプリ
yamadar 2018/10/12
まとめ

デザイン

UI
リンク
フラットなUIデザイン用に作成された、世界各国の有名デザイナーが使用しているカラーパレットのまとめ
Flat UIColorsがバージョンアップし、世界各国の有名デザイナーと協力して作成されたフラットなUIデザインに合うカラーパレットを紹介します。 Flat UIColors 2 カラーパレットはFlat UIColor本家のを含めて、全部で14種類、トータルで280色のカラーがまとめられています。カラーはコピペで簡単に取得することができ、すぐにデザインやプロジェクト、プレゼンに利用できます。まずは、本家のカラーパレットから。
yamadar 2018/01/25
デザイン

UI

まとめ

色
リンク
ユーザー体験に関連するUXデザイントレンドまとめデザイン会社ビートラックス: ブログ
ユーザー体験が商品やサービスの成功を左右すると言われはじめてから数年がたった。世界中の大部分の人たちがスマホを使い、ミレニアル世代を中心にモノを所有することへの興味が下がり、体験をデザインすることが一つのデザイナーの仕事として成立している。こんな時代にあって、UXデザインはどのような変化を見せてきているのであろうか。2017年を振り返り、UXデザインを取り巻くトレンドをまとめてみた。 1.﹁使いやすさ﹂は基本中の基本にユーザー体験を設計する上でもっとも基本となるのが﹁使いやすさ﹂。心地よい体験を提供するには、まずは基本的な使いやすさの品質がカバーされている必要がある。専門的に言う所のユーザビリティ。UXの品質評価をする際に使われるUXピラミッド理論においても、下記の通り根底から3つの部分は使いやすさをカバーする要素になる。 Task – 目的達成可能 (レベル1-3)Task – 目的達
yamadar 2018/01/01
デザイン

UX

UI

まとめ
リンク
GoodUX
Each week, we'll feature inspiring UX examples, proven frameworks, and hard-earned lessons from in-depth conversations with product, design, customer success, and marketing experts. The end goal is to help you build user onboarding and product experiences that turn more of your new users into lifelong customers.
yamadar 2017/11/14
UX

デザイン

まとめ

webサービス
リンク
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
︻追記︼この記事をきっかけに、名著﹁ノンデザイナーズ・デザインブック﹂の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しましたデザイナーである・なしに関わらず、仕事の中で伝えたいことを﹁図﹂で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？・最終的に何を言いたいのか結論が見えないよ。・関係性が複雑すぎて理解しずらいんだけど。・要素が多すぎて全てを把握するのが大変。・何をどこから見れば良いの？・結局一番言いたいことはなんなの？・文字サイズがたくさんありすぎてまとまりがないね。・安っぽいチラシみたいでダサイなぁ。・全体的にバランスが偏ってて不安定。・
yamadar 2017/01/25
デザイン

tips

まとめ
リンク
【保存版】Webエンジニアが見るべきテックブログ一覧
皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか？はてなブックマークやTwitter, GitHubなど様々あると思います。私はテックブログを使った情報収集をしています。今回はエンジニアが見るべきおすすめのテックブログをいっきにご紹介します。テックブログとは？ご存知の方も多いと思いますが、テックブログとはWEBサービスやゲーム等を提供している企業が、自社で使っている技術や開発手法を紹介するブログです。デベロッパーブログとも呼ばれます。エンジニアが持ち回りで書くことが多いので、そこで働いている人のこともわかっちゃいます。普段使っているサービスがどのような言語でできていて、どのようなフレームワークを使っているか、どんなツールを利用して開発しているのかが載っているのでとても刺激的な内容ばかりです。転職、新卒の会社選びにも役立つ!?転職する際に気になるどんな
yamadar 2016/03/10
情報収集

まとめ

プログラミング

デザイン
リンク
2000種超えのWebデザインを横断検索できる「Collect UI」を使ってみた！ : うえぶはっく
Webやアプリを開発する際に必要となる﹁Webデザイン﹂の勉強&参考に最適なサービス﹁Collect UI﹂のご紹介です！圧倒的なコンテンツ数を誇っているのが魅力的ですが、細かくカテゴライズされているので﹁ログイン画面﹂や﹁フォーム﹂など、自分が必要としているシーン別に探しやすいのも特徴でしょう。使い方！サイトにアクセスすると、およそ2000種類を超えるオシャレなWebデザインの一覧を見ることができます。これらのデザインは、﹁Dribbble﹂などから抽出されているのですが、ランダムに選ばれているのではなく、人の手によって﹁最もイケてる﹂と思われるデザインだけをキュレーションしているのが特徴です。さらに、ユニークなのは画面左側にズラッと並んでいるカテゴリ！ 2016年2月29日現在で、なんと117カテゴリに分けられているので、かなり細かい絞り込み検索ができるでしょう。ほんの一部
yamadar 2016/03/01
よさげ

デザイン

情報収集

UI

まとめ

webサービス
リンク
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
yamadar 2016/02/15
デザイン

UI

UX

スマートフォン

レスポンシブ

まとめ
リンク
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
yamadar 2016/01/20
デザイン

まとめ
リンク
404 Not Found
yamadar 2015/12/08
デザイン

まとめ
リンク
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
yamadar 2015/08/21
おもしろい

*CSS3

デザイン

アニメーション

まとめ
リンク
Photoshop用無料のレイヤースタイル1000+で作業時間を大幅短縮 | co-jin
Photoshopでの作業を劇的に効率化してくれる無料のレイヤースタイルをご紹介します。これさえあれば、スタイルボタン１つ押すだけで、手の込んだレイヤースタイルをオブジェクトやテキストに適用することが可能になります。こんな便利なものを使わない手はありません。今回はそんな便利なPhotoshop用レイヤースタイルのうち、無料で利用できるレイヤースタイルを1000以上集めてみました。これらのPhotoshop用レイヤースタイルで作業時間を大幅に短縮していただければ幸いです。ダウンロードしたレイヤースタイルをPhotoshopで利用する方法具体的にPhotoshop用のレイヤースタイルをご紹介するために、ダウンロードしたレイヤースタイルをPhotoshopで利用する方法をご紹介します。まだ、使ったことがないという方は参考にしてみてください。 aslファイルをApplications
yamadar 2015/07/27
デザイン

photoshop

まとめ
リンク
1 2 3 4 5 6 7 8 9 10 次のページ