Illustratorを上達させよう

【Illustrator】PDFで保存したらアートボード外に謎の余白が出現?!原因と解決方法を調べてみた。

PDFにこんな余白が… IllustratorからPDFを出力した際に、指定していないはずの余白が アートボード外に出現しました… 原因は? 調べてみたところ、「裁ち落とし」が設定されている...
デザインを学ぶ

【webデザイン制作に役立つ】文字だけで魅せる!画像・アイコン使わずにおしゃれなメガメニューまとめ!

株式会社フリースタイルエンターテイメント 大変シンプルな作りですが、なんでこんなにおしゃれに見えるのか…! 下線で区切られていることにより、しっかり視認性も保てていますし、 矢印があることで各ページへの誘導もしっ...
デザイン制作に役立つプチ情報

【デザイン制作の参考に】ピクトグラムとアイコンの違いとは?

オリンピックで話題になった「ピクトグラム」ですが、アイコンとはどんな違いがあるのでしょうか? 気になったので調べてみました! ピクトグラム(pictogram)とは ピクトグラム(ピクトグラフ(picto...
デザイン制作に役立つプチ情報

【観光・旅行系サイトで使われているフォントを調査!

ベーシックなフォント 丸ゴシック 丸ゴシックは結構使っているサイトが多かったな〜という印象です。 角ゴシック 角ゴシックはアクティビティや体験型のサイトでよく使われていま...
デザインを学ぶ

【webデザイン制作の参考に】大手企業・銀行などのレスポンシブデザインを調査してみた!

アイコン+カード型のレイアウト さまざまな企業のサイトで見られたのは、アイコン+カード型レイアウトのセットでした。 特に複数の事業案内や商品一覧で、2〜3カラムで配置されていました。 また、こんな工夫も見...
デザインを学ぶ

【webデザイン制作の参考に】BtoB、BtoCの違いとは?デバイス比率も調査してみた!

BtoB、BtoCとは? BtoB 「Business to Business」を略した言葉で、 企業が企業に向けて商品やサービスを売るビジネスモデルを指します。 「B2B」と表記することもある。 ex.卸売業...
デザインを学ぶ

【webデザイン制作の参考に】他サイトのデザインを参考・勉強をするのに大事だと思ったこと。

これ!と思ったらスクショを撮れ! サイトやバナーって、ずっと同じデザインとは限りません。 シーズンによって売り出したい商品が違ったり、大掛かりになるとサイト自体リニューアルしちゃうことも。 今まではサイトはURL...
アニメーションまとめ

【webデザイン制作の参考に】投稿型!ボタンやチェックボックスのデザイン・動きの参考になる「CSS buttons」

こんなところが面白い! このサイト、さまざまなボタンのデザインが掲載されているまとめサイトなんですが 実は「投稿型」なんです! こちらの画像のとおり、「作成する」ボタンから自分で作ったボタンを登録...
デザインを学ぶ

【webデザイン制作の参考に】飲食系のwebサイトの「美味しそう!」と思わせる工夫とは?

画面越しで食の魅力をつたえるのは難しい? 街を歩いていたらどこからかいい香りが漂ってきて、お腹が空いてくる・・・ そんな経験が誰しもあると思います。 とはいえ、現代はネットが必須の時代です。 多くの人がネットで検索...
webトレンド

【webデザイン】【グラフィックデザイン】JAFCA・PANTONEが発表した2022年の色はこれだ!!

JAFCA(一般社団法人 日本流行色協会) 「明るい希望を描く、光満ちるコーラル」 色名:ジョリーコーラル(Jolly Coral) JAFCAでは、2022年に向けて、光満ちるコーラル(コー...
タイトルとURLをコピーしました