UD新ゴ M Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。 リュウミン R-KL Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。 A1ゴシック M Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必

お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ（Chrome／Edge／Firefox／Safari）にて再度ご覧ください。

ポスターやフライヤー、ウェブサイトや本などのデザインをする上で色のチョイスは非常に重要ですが、知識やセンスがないと難しいのも事実。そこで、専門知識がなくともメインとなる色を1つ選ぶだけでメインカラーと調和する複数の色を自動的にピックアップしてくれるのが「HUE/360」です。とにかく簡単で、ボタン1つで色の選択肢を表示してくれるので、あとはその中から好きな色を選べば統一感のある作品が作れるという、デザインや物作りの際に非常に便利なアイテムとなっています。 [ HUE / 360 ] The Color Scheme Application http://hue360.herokuapp.com/ メインページは以下のような感じ。 放射状にカラーパレットが並んでいるので、まずはメインにしたい色をクリックします。 すると一気に色が減り、画面の下部にメインとなる色が配置されました。 残ったカラー

2021年10月21日 便利ツール Webサイトや印刷物の制作中には、とりあえずで入れておく「ダミー」を使用する事が多々あるかと思います。日本ではアタリ・アテなどとも呼ばれますね。それらのダミーテキストやダミー画像を便利に生成してくれるジェネレーターをいくつか紹介します。いろんな種類のジェネレーターやサービスがあるので、うまく利用して時間短縮しちゃいましょう！ ↑私が10年以上利用している会計ソフト！ ダミーテキスト（英文） Lorem Ipsum ダミーテキストの大本命、Lorem Ipsum。Photoshopでも採用されている、「Lorem Ipsum…」から始まる有名なダミーテキストを生成できます。 Dummy HTML snippets for webdesigners HTMLタグ付きのダミーテキストのジェネレーター。左の要素を右側にドラッグ＆ドロップでカスタマイズできます。類

3. 3 [社外] ・第9回マニフェスト大賞「ASK TOKYO」 ・クラウドを利用した3DCGデータ利活用実験「ARK」 (CG・VFX産業クラウド活用・高連携実証事業) ・Yahoo!クリエイティブアワード よるパネ部門「おやすみひつじ」 [社内] ・写真共有サービス「My365」 ・Pipul アバターエンジン ・ユーザ行動分析サービス「Growth Replay」 ・プッシュ通知配信/解析サービスSDK「Growth Push」 6. ■会社名 　 　 　 　：株式会社シロク ■所在地     　 　  ：東京都渋谷区円山町28-3 渋谷YTビル 4F ■設⽴立立    　        ：2011年年12⽉月1⽇日 ■資本⾦金金 　 　 　 　：5000万円 ■株主 　 　 　 　 　：株式会社サイバーエージェント 　他 会社概要 沿⾰革 2011年10月： 個人プロジェクトとし

1.顧客の要望を書き出す 2.要望に対する解決策を箇条書きにする 3.解決策に対して競合との差別化を書き出し、事例を載せる 4.スケジュール、費用を書き出す 5.顧客への依頼事項、注意事項を書き出す 6.タイトル、サブタイトルを決定する がっちり書く場合には他の項目も必要なケースが有りますが、今回は「できるだけ時短で書く」ことが目的のため、本当に必要部分以外はバッサリとカットしました。 また、必ずしも提案書はがっちりしたものが良いわけではなく、「カンタンにエッセンスがわかれば良い」という方が意思決定者の中にはむしろ多いため、経営者と担当者の距離が近い中小企業から仕事を多くもらっている方は、むしろ「時短で作った提案書」のほうが良いケースも多々あります。 それでは、1時間で提案書を仕上げるステップをご紹介します。 1.顧客の要望を書きだす（15分）提案書を書くためにもっとも重要なステップです。

画像の下に謎の隙間ができるのを防ぐ方法(2ページ目)背景色を付けたボックス内に画像を配置した際などに、画像の下に余計な空白が見えてしまうことがあります。この余白は、「画像の下端」が「文字のベースライン」に揃えて表示されることが原因です。CSSを使って「画像の下端」を「行の下端」に揃えるよう装飾すれば、謎の余計な隙間を消すことができます。 この「画像の下に見える余白」は、なぜできてしまうのでしょうか？その原因は、「画像の下端は、ベースラインに揃えて表示される」という仕様があるからです。 日本語文字の場合はどの文字も下端の位置は共通なので気にすることはありませんが、アルファベットでは下図のように「文字の下端」が異なります。 上図の赤色の線のことを「ベースライン」と呼びます。アルファベットの多くの文字は、このベースラインに下端が揃います。しかし、小文字の「g」や「j」や「y」などの一部の文字は、

毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ

はじめまして。デザイナーののっちです。 好きな業務の1つがバナー制作なのですが、最初の頃は「決められた空間に文字と画像を詰めて、さらには綺麗に見せて……」と、まるでジグソーパズルのようなあの作業にもの、すごーーく時間がかかっていました。これは新米デザイナーなら、誰でも一度は通る道だと思います。 そこで今回は、新米デザイナーが知っておきたい“美しい”バナーを“効率的”に制作するためのフローについてまとめます。 独学でつまずいていませんか？ バナーデザインの作り方を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年2月に編集部が情報を更新し

コンテンツSEOとは、ユーザーに価値あるコンテンツを提供する活動を源泉として、Googleなどの検索エンジンから評価を獲得し、検索結果ページの上位表示を狙う取り組みである。 コンテンツSEOは、ビジネス成果（顧客獲得・売上アップなど）に直結しやすい手法だ。しかし、表面的な理解で、見よう見まねで実践しても結果が出ない。理解すべき重要事項がある。 本記事では、 「コンテンツSEOとは何か知りたい」 「興味があり、取り組んでみたい」 という方に向け、コンテンツSEOの基礎から実践まで解説することにしよう。 一読いただくと「コンテンツSEOの基本」と「成功に必要な考え方」が身につくはずだ。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各

作成：2014/09/1 更新：2014/11/01 Web制作 > 報告が遅れましたが、5月に退社し6月に起業（株式会社コムテ）しました。今までブログにメモしておいたことが、起業や納品に役立った部分もあり、ブログを継続してよかったと思います。ブログを見てくださっている皆様、ご紹介させていただいたサイト運営者様、応援して下さっている皆様には心よりお礼申し上げます。経営や制作の部分ではまだまだ未熟ですが、今後ともご指導ご鞭撻のほど、よろしくお願いします。 今回は「Web制作で使いたい」jQueryプラグインやスクリプトなどをまとめました。WordPressテーマを作るときに使うもの、検索でヒットしにくいプラグインも多数ご紹介。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動画 １．動画をブラウザの背景全体に再生させる ２．動画を綺麗に表示させる WP管理画面

良いって何ですか？ デザインの話をするのは、たとえ本業をしている方にとっても難しいことがあります。それが他分野の方ということになると、なおさらです。目的に沿って議論することで、デザインがより洗練されるわけですが、別の部署、他の役職の方との会話になると、なかなかうまくいかないことがあります。 その理由は、彼等がデザインのことを理解していないからというより、お互いが考える「正しい」を理解していないからということがあります。 Webサイトやアプリを設計・開発されている方全員「良いものを作りたい」と考えています。ただし、その「良い」のニュアンスは立場によって少し異なることがあります。「良い＝売れる」と解釈する人もいれば「良い＝使いやすい」と捉える方もいます。それぞれがもつ「良い」という価値観が、その人の意見や考え方に大きな影響を及ぼしています。 言葉だけでは理解ができない デザイン案を見せると、以

カトリデザイン事務所 / 制作会社クリムゾン / ディライトテクノロジー他...全24件

W3Q Web業界で働く方専用のQ&Aです。技術的な質問の他、本垢でつぶやきにくい悩みや愚痴などお気軽にどうぞ。 【運営よりお知らせ - 返信条件を満たす方法】 返信するには、24時間以内に受け取ったお礼が5件を超えるか、これまで受け取ったハートの累計が10件を超える必要があります。手っ取り早く返信条件を満たしたい方は、[みんなのッター] にほのぼのとしたつぶやきを何件が投稿するか、他のつぶやきに♡してみてください。