自社に合ったキーワードを入れるだけでテキストリンクCTAが作成できるテンプレート集です。あらゆるパターンを想定した内容となっているので、複数パターンを組み合わせて作成いただくこともできます。
![BtoBサイト改善ガイド | 才流](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4c4c406a1fbdf9f288fc406ac75b963b33daa75/height=288;version=1;width=512/https%3A%2F%2Fsairu.co.jp%2Fguide%2Fbtobsite-improvement%2Fwp-content%2Fuploads%2Fsites%2F2%2F2024%2F02%2Fogp.png)
「2024年のロゴデザインってどうなるの?」 「どんなスタイルが人気?」 そんな疑問に応える、2024年のロゴトレンド最新レポート2024 Logo Trend Reportが発表されました。 この報告レポートは、数十年にわたってロゴデザインの変遷を見続け、40万個以上のロゴを集めた世界最大級のギャラリーサイトLogoLounge.comの重鎮Bill Gardner氏によるもの。 毎年恒例となっているレポート発表を楽しみにしている、というデザイナーも多いのではないでしょうか。 2024年のロゴデザインの特徴は、ずばり「遊び心と革新」。 ロゴが箱型になったり、角が切り取られたりとユニークなものが多い印象。流れるような流線形や、昔のピクセルアートも復活。 また、ステッカー風のデザインや、中心を強調したバンランスのとれたロゴも流行の兆し。美しい色が混ざり合うグラデーションも使われて、動きを感じ
こんにちは!グッドパッチUIデザイナーのharuです。 この記事では、2024年時点の最新のリサーチをもとに、国内のデザインシステム10事例をグッドパッチの解説つきでご紹介します。 「良いデザインをサポートするための仕組み」であるデザインシステムは、ものづくりの現場において、作り手の共通認識となることで価値を発揮します。「どうすれば、チームに浸透し、ものづくりに一貫性やスピードを生み出すデザインシステムを構築できるのか?」このように悩んでいる開発組織は少なくありません。 こうした悩みに対してグッドパッチがお伝えするのは、「デザインシステムで最も重要なのは、組織とその目的にフィットしているか」ということです。 そこで今回の事例集では、単なる有名どころではなく、「組織や目的にフィットしているな」「こんなデザインシステムあるんだ!」と私が思った魅力的なデザインシステムを紹介します。 「デザインシ
こんにちは。Canva公式クリエイターの島田あやです。 なかなかドンピシャな形が見つからないCanvaの写真フレーム。 写真を変えてデザインを使い回すとき、クライアントさんにCanvaで納品するとき、「自分で思い通りのフレームを作れればなぁ…」と思いますよね。 わかります!作りましょう! 必要なものは【Adobe Illustrator】、以上。 イラレさえあれば、フレーム作りは実は簡単。 最短1分(体感)で作れます。パパッと作っちゃいましょう♪ イラレはiPad版でも同様に作成できます。 AffinityDesignerユーザーの方へ この記事ではイラレ使用時の手順のみ紹介しますが、AffinityDesigner2でも同じ理屈で作ることができました。参考にしてください。 Canvaフレームを作る手順1. 形を決める自分が作りたいフレームの形を、イラストレーターで作ります。 今回私はこん
この記事を書いた人: グラフィックデザイナー アトオシとデザイン グッドデザイン賞受賞 アマゾン1位 アドビの先生 プロ歴20年 YouTube登録者2万人ごえ 2024年末、中級者むけ本を出版 エックス・コツ インスタ・ロゴ デザイン事例サイト この記事で、習得できること この記事を読むと、デザインづくり、「文字組み・レイアウト」の「コツ・勉強方法」を習得できます。 “レイアウト”や“文字組み”について、 デザインの“素人っぽさ”をなくしたい…。 プロのデザイナーのように、“いいレイアウト”をしたい…。 しっかりした、“デザインの文字組み”をマスターしたい…。 …そんな、“疑問や悩みを解決”する記事です。 デザイン初心者や勉強中の方にむけ、「文字組み・レイアウト」がうまくなる、「コツ・勉強方法」と「意識すべきポイント」を教えます。 (*デザインの“基本の勉強方法”を、詳しく知りたい人は、
社内の恒常業務を複数人で処理する場合に処理状態を調べにいくのが手間だったので通知することにした。 こちらを参考にしました 【GAS】Backlogの残タスク(課題チケット)をGASで取得してチャットワークに流す やりかた スプレッドシートを作成 ツール > スクリプトエディタをクリック GASスクリプトに以下をペーストする function postTask() { // 開いているスプレットシート取得 let mySS = SpreadsheetApp.getActiveSpreadsheet(); const SEET_NAME = 'xxxx'; // スプレッドシートのシート名を入力 // スプレットシートの書き込む位置 let range = mySS.getSheetByName(SEET_NAME).getRange(1, 1); // BacklogのプロジェクトID co
こんにちは!sakasegawaです! ( https://twitter.com/gyakuse ) 今日は今流行のChatGPTについて紹介します! ChatGPTとは OpenAIが開発するGPT-3(※)というめちゃくちゃすごい言語モデルをベースとしたチャットアプリです。 色んな質問にすぐ答えてくれます。 この記事ではさまざまな使い方を紹介します。 https://chat.openai.com/ ちなみにGPT-3関連では、noteの以下記事も便利なのでぜひ読んでみてください AIがコミットメッセージ自動生成!神ツール『auto-commit』『commit-autosuggestions』の紹介 ※正確にはGPT-3.5シリーズと呼ばれています ChatGPTの仕組みを考えながらプロンプトを作る手法はこちらに別途まとめています 文章 質問-応答 〜について教えて Wikiped
WebデザインではAdobeXDをメインで利用しています。今まではPhotoshopを使っていましたが、AdobeXDを覚えてからはこちらのほうが便利で使い勝手が良いことも多く非常に重宝しています。しかし、ソフトが変わったことで今までにはなかった問題点に引っかかることもあります。 AdobeXDで出力したSVGファイルがアウトライン化されていない AdobeXDから画像ファイルの書き出しを行う時に、SVGがアウトライン化されない問題が発生しました。 SVGがアウトライン化されていないと、該当のフォントがインストールされたPCからでは問題なくフォントが表示されますが、他のPCやスマホなどで見た時にはフォントが読み込まれず、違うフォントになってしまいます。そうするとデザインも崩れてしまい大変です! 書き出し設定でアウトライン化にチェックを入れたのにアウトライン化されない! 「ファイル>書き出し
昨日久しぶりにブログを更新すると、本文のフォントがなんとなくイマイチに感じました。先日の案件でもWebフォントを利用したので、もう少し知見を深めることも兼ねて「Noto Sans Japanese」を当サイトに導入してみました。 昨日はlink要素でfonts.googleapis.comを指定する方法で導入したのですが、最近リニューアルしたミツエーリンクスのコーポレートサイトを見ていると「Noto Sans Japanese」をセルフホスティングして配信されているので、僕も試してみたくなりました。配信までの作業過程を簡単に記録しておこうと思います。 サブセット化とWOFF2化 「Webフォントを軽量化する!サブセット化とセルフホスティング |東京のWeb制作会社|株式会社ENVY DESIGN」を参考にしました。 まずは「Noto Sans Japanese」のバリアブルフォントをダウン
【ビジネス•投資系】Canvaおすすめブランドコード 様々なジャンルのブログのアイキャッチ画像やセミナー•プレゼン資料などにも使えそうなビジネス系のブランドコードを10個ご紹介します。 ビジネス全般で使える万能イラスト素材① ブランドコード:brand:BADeGZOX6Sc +corporate カラー変更可否:可能 おすすめの使い方:ビジネス•副業•ライティング•勉強•資格系ブログの各種画像作成やセミナー•プレゼン資料作成など 様々なビジネスシーンを人物のイラスト中心でまとめたとてもデザイン性が高い素材は使い勝手が◎。 このイラストをブログのアイキャッチ画像で使うなら、イラストだけでおしゃれな雰囲気がだせてあとはタイトル文字を入れるだけで簡単に作成できます。 ビジネス全般で使える万能イラスト素材② ブランドコード:brand:BADeGZOX6Sc +illustrative +mon
官僚主義からスタートアップ精神へ——。およそ10年前、新サービスの立ち上げ失敗を機に生まれた米国政府の新組織が作ったWebデザインシステムは、今では160サイト・11億ページビュー規模にまで広がりを見せている。 by Jon Keegan2024.07.03 412 9 この記事の3つのポイント 米国には公共デザインシステムとカスタムフォントがある 政府系Webサイトのアクセシビリティと一貫性を高めることが目的 これらのプロジェクトでは透明性や協働、継続的な改善が重視されている summarized by Claude 3 米国には、公式のWebデザインシステムとカスタムフォントがある。この公共デザインシステムは、政府のWebサイトを単に美しいものにするだけでなく、すべての人にとってアクセスしやすく機能的なものにすることを目的としている。 インターネットが普及する以前、米国民は印象的な石柱
こんにちは。KDDIアジャイル開発センターのサービスデザイナー よねみちです。 生成AIを用いたto Bプロダクトのスクラム開発や、お客様のDX・新規事業創出のきっかけとなるデザインスプリント支援などを行っています。 はじめに レビューや会議で誰かが「詰められてる」様子、心にきますよね。自分がやられるのはもってのほかですが、周囲で発生するだけでも心がすり減ります。。 特に、何か問題が発生したときや、参加者間の誤解が解消できないときに「詰め」が生じがちです。 質問する側の、焦りや不安から「なぜ?」「どうして?」「つまり?」と質問マシーンになってしまう気持ちも理解できるのですが。 問い詰めてしまい心理的に不安全な状況に陥ると「ミスを隠そう、自分が責められないようにしよう」と回避する力が働きはじめ、結果として「正確な状況がわからない」「適切なアクションが取れない」といったチームとして重大なリスク
社内のプチ発表に使った資料です。 文章のコツ 前置き フルリモートでは、文章でのやり取りがメインになる。 なので、文章がヒドいと「この人と仕事するのキツイ」と思われちゃう😢 そう思われないための色々思ったことを自戒メモ。 なるべく箇条書きにする
パレットの色を塗りたすように ヒト・モノ・コトの魅力をかけ合わせれば クリエイティブの力で、一人ひとりの胸を 高鳴らせる“場”をつくることができる。 私たちは、そう信じています。 どこの国でもない。どこの街でもない。 でも、いつかどこかで、こんな心躍る場が 私たちの仕事により生まれるといい。 不透明な世界のなかにあっても、 すこし先の豊かな世界が想像できるような、 そんな未来の地図をつくりました。
近年の流行なのか、Webでもグラフィックでも、少し見慣れないセリフ体が流行っているなーという気がしていました。BaskervilleとかGaramondでもなく、高級感がありつつも少し遊びがあるというか、手書き感を残しているようなフォントです。 セリフスタイルの書体にも系統がいくつかあるようで、昨今の流行はいわゆるヒューマニストセリフという、カリグラフィー的な部分が強く、Bodoniほど横線と縦線のコントラストもはっきりとしていないフォントの発展系のようでした。 詳しくはこちら タイトルや見出しにセリフ体を使って、小さいキャプション部分などにはサンセリフ体を使うとしっくりくる感じありますよね。 当初は化粧品やラグジュアリー系のデザインでの仕様が目立ちましたが、その目新しさやデザイン性の良さからか、他分野でも積極的に使われています。 最近K-POPのアートワークやグラフィック周りが格好いいな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く