【CSS】transformの使い方を解説！要素の変形や回転も自由自在 | creive【クリーブ】
「transformは何ができるの?」 「transformはどんな時に使うの?」 そもそも、「transform」自体に馴染みがないという人が多いのではないでしょうか？ですが、この効果はWebデザインに携われば必ず目にします。例えば、デザインが回転したり、画像が拡大したり、などの効果がtransformを使った効果です。 「CSSアニメーションは上級者向けじゃないの?」と思われるかもしれませんね。確かに、「曲者」であることは間違いありません。 ただ、恐れる必要はありません。複雑なアニメーション効果をだそうとすると、それなりの学習コストを払う必要がありますが、単純なアニメーション効果であれば、作成は容易ですし、知っていればデザインの幅が広がります。また「transform」自体は、様々な値を備えていますが、実際に使うのはそのうちのどれかで、全てを使う必要はない場合もあります。そこで、一度試
2016年のWebデザインのトレンドまとめ | creive
現在のWeb制作は、フロントエンド技術やブラウザの機能が充実してきたことで、少し前までは難しかったリッチな表現が取り入れやすくなりました。 一方、高解像度モニタからスマートフォン、スマートウォッチなど、多種多様なスクリーンに合わせて表示する要素を精査し、画面を設計する必要もでてきています。 私自身は広告サイト制作よりもCGMサイト制作の比重が大きいため、基本的に地味なUIパーツやUXの設計、改善に関わる内容を中心に情報を集めています。 その中で個人的に気になった技術、海外の記事やWebデザインのショーケースサイトでよく見る傾向、最低限抑えておきたい考え方などを5つほどまとめました。 クライアントサイドでの画像加工 デザイナーが加工したデータをアップしたり、サーバーサイドで処理することなく、クライアントサイドで画像を加工する技術を目にする機会が増えてきました。実装方法としてはCSS、SVG、
制作会社と事業会社のデザイナーの仕事の違いって？ これから就職や転職を考える人へのおすすめポイント
こんにちは、灰色ハイジ（@haiji505）です。 最近LiBという女性向け転職サービスのスタートアップに入ったデザイナーです。 その前は、学生の時にWebサービス会社のはてな、卒業後は広告代理店グループの制作会社である博報堂アイ・スタジオという会社でWebデザイナーをしていました。 学生当時、就職活動で悩んだのは「制作会社」と「事業会社」どちらに行くのが良いんだろう？ということでした。 入ってみるまでその仕事の違いはなかなか分かりません。どちらも働いたことのある経験から両者の特徴と選ぶポイントをご紹介します。 これからデザイナーとして就職を考えている学生さんや、転職を考えているデザイナーさんの参考になれば幸いです。 制作会社の仕事って？ 受託と呼ばれる、他の企業から請け負って制作をする会社です。 近年、デジタル領域におけるデザイナーの役割は幅広くなってきました。 Web/アプリ/屋外広告
ここ半年で話題になったデザインに関する知見が広がる5つの記事 | creive【クリーブ】
直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例
【予想外】斜め上をいく文の里商店街のポスター52点
大阪市阿倍野区にある「文の里（ふみのさと）商店街」では、最近シャッターを下ろした店が目立つようになってきました。 そこで、商店街の活気を取り戻そうと大阪商工会議所が、商店街のPRポスター約200点を、電通関西支社に依頼して制作しました。制作したのは電通関西支社の若手クリエーター60人。そこで制作されたポスターが斜め上をいっていて素敵でしたのでご紹介します。（本当は全部センスがあって紹介したいのですが、今回は特に気になったポスターをご紹介します） 大嶋漬物店 ポスター？ はよ作ってや。死ぬで。 やっと気付いた。この仕事、しんどい。 お漬かれさまでした。という文字までこだわっています。すごい。 鳥藤商店 いいムネあります。 いいモモあります。 浜口鮮魚店 おめで鯛！があるならメリークリス鱒！てのはどやろ。 これ、スズキ。僕、ハマグチ。 アンティーク着物 姉妹屋 その着物 かわいいやん かわいい
【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD
【販促のアイデア】販促会議でグランプリを受賞した5つの企画書
「販促会議」という企画コンペティションがあります。 協賛企業から商品・サービスのプロモーションに関する課題を出題し、その課題に対する解決策として、応募者からの販促のアイデアを企画書形式で募集するコンテストのことです。その中でも特に「面白い」と思える企画を5つほどご紹介します。 面白い販促アイデア 今回はアイデアの提案の仕方や企画書を作成する際に参考になる「販促会議」でグランプリを受賞した5つの作品をご紹介します。読んでいるだけで勉強になるし、イベントや広告、CM�プロモーションを考える際に参考になる企画書アイデアの事例ばかりです。 1.シークレット・メッセージ 2010年第1回販促会議 課題：10代のコカコーラ飲用者・飲用頻度の拡大につながるプロモーション提案 2010年7月に開催された販促会議賞。コカ･コーラの課題に応募された「シークレット・メッセージ」が話題となり注目を集めるようになり
2013年に話題になったデザインに関する「考え方」が変わる記事14選
デザインをしつづけていると、たまに柔軟に考えられなかったり、自分のデザインに対して疑問を感じるときがありませんか？ そういうときは一度、初心にかえってデザインに関して考え方を見直したり、インスピレーションを刺激することも大切です。 また、デザイン思考を身につけるためにも、常日頃から考え続けることも重要です。 今回は、過去に話題になり、読むだけでデザインに関する「考え方」が深まる14個の記事をご紹介します。 デザインに対する考え方が変わる・深まる記事 これはウェブページです｡ ウェブデザインの本質は､言葉です｡ ウェブで一番強力な道具は､今も昔も言葉だということを、思い出させてもらいました。 ▷これはウェブページです｡ 選ばれるウェブデザインとは ９つの基本的なルールと感情に訴えるデザインについて詳しく書かれています。 サイトの使いやすさだけでなく「ユーザーがそのサイトにどんな感情を抱くか」
【Macアプリ】Webデザイナー向けの便利なおすすめMacアプリ28個
「なんかもっとこう、サクサクとパソコンをいじれないかなあ・・・・」 Macをお使いのあなたはこんな悩みを抱えたことはありませんか？ 確かに、ショートカットキーを使いながら仕事を効率化したり、ツールを利用して今までよりも何倍もの速さでパソコンで仕事ができたら理想的ですよね。 事実、できる人はすでに便利なMacアプリをダウンロードし、利用しています。 仕事を効率化させるアプリを使うのとそうでないのではスピードに大きな差が生まれてしまいます。 そこで今回は、日々Macを使って止まないあなたに、仕事が今より3倍はかどるオススメのMacアプリを28コ紹介します。 この記事を読むことで仕事を効率化できるアプリを知ることができ、今よりもサクサクにパソコンをいじることができます。 ぜひ参考にしてみてください。 デザイナーさんが仕事が圧倒的にはかどるMacのオススメアプリ10選 Alfred まず紹介したい
魅力的なプレゼン資料や企画書作成のコツ【参考スライドあり】
プレゼン資料・企画書作成の参考になる7つのスライド【パワポやKeynoteでも使える！】 まずは、企画書やプレゼン資料の参考になるスライドをご紹介します。 キレイな提案書を作るためのデザインの基礎知識 → キレイな提案書を作るためのデザインの基礎知識 「プレゼン資料・企画書は内容を伝えるためにあり、デザインはそれを達成するための手段だ」 と考える、筆者の考えが強く出たスライドです。 スライドの中では、フォントの種類や文字の装飾の多用などを避け、「本当に伝えたいことを伝えられるようにするシンプルなデザイン」を強調しています。 「シンプルであること」を目指しているので、難しい操作も必要なく、「良いデザインは、そもそもセンスがないと作れない」と諦めている人におすすめのスライドです。 しょぼいプレゼンをパワポのせいにするな! → しょぼいプレゼンをパワポのせいにするな! 「酷いプレゼンはパワポのせ
「学びたい、全ての人へ」creiveより
いつもcreive（クリーブ）をお読みいただきありがとうございます。 この記事は「いつもの記事」とは少し違います。 インターネットさえ繋がっていれば、学びたいコトが学べる時代になりました。 好きな時に好きなだけ学べて、何度でも繰り返して復習できる。 インターネットが提供してくれた価値は、計り知れない威力があります。 この記事は当初、 「ネットさえあれば自由に学べる！日本語で学習できるWebサービス」 というタイトルで作成するつもりでした。 ただそんな一発単体の記事では、世の中は1ミリも動かないと考えました。 私たちcreive（クリーブ）は、このメディアを通して「学びたいヒトが、学びたいコトを、自由に学べる世界」を創ります。 いまこの記事を読んでくださっている方は、ネットリテラシーが高く、すでに知っている情報ばかりかもしれません。 ただ、普段インターネットに触れない人たち（私の場合、地元の
たった1枚に込められたクリエイティブすぎる17個の広告
こんにちは。 限られた中で表現された、圧倒的にインパクトを与える広告が世の中にはあります。 今日は日本が生み出した、クリエイティブすぎる様々な面白くてユニークな広告をご紹介します。 こくご、さんすう、りか、せかい。 刑事さん。俺がやりました。 新聞広告 ハウスバーモントカレー いま一度、身の回りをお確かめください。 宝くじ引き換えもれ防止キャンペーン 前略。僕は日本のどこかにいます。 青春18切符の広告 最初の晩餐。 味の素 好きは、片思い。似合うは、両想い。 ルミネの広告 かしこいばかになりましょう。 新潮社「新潮文庫」 一番、タフなやつ 。 BOSS ルーチョンキはプイタコエ。ちもがな！ キンチョール 最強の布陣。 王将 打てるものなら、打ってみろ。 発言広告の部・最高賞 悪いことは、作家が教えてくれる。 新潮社「新潮文庫」 大人がお手本。 小学館 どんな夢みてる。 日本航空〈企業広告
デザイナーなら読んでおきたい！デザインに関する6つのスライド・企画書
色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。
WordPressオリジナルテーマを作成するための全手順【自作は簡単です】
「WordPress（ワードプレス）を使ってオリジナルブログを作成してみたいけれど、難しそう・・。」そう思っている人は多いことと思います。 WordPressは、HTMLやCSSの他に、PHPというプログラミング言語を使っているため、少し敷居が高く感じてしまうことがあります。 しかし、PHPがわからなくても、ある程度のHTMLとCSSの知識があれば、初心者でも簡単に既存のテーマをカスタマイズできたり、オリジナルテーマを作成したりできるのが、WordPressが人気の理由のひとつなのです。 今回は、PHPが全くわからないWordPress初心者でも、オリジナルテーマを作成できるようになるための手順を、参考記事やオススメの書籍と共にまとめています。 この記事を読めば、WordPressでオリジナルテーマを作成するための全体的な流れをつかみ、すぐにでもテーマ作成やカスタマイズができるようになるは
無料で使える！人気の日本語フリーフォント20選【おすすめ】
こんにちは！ 日本語のフリーフォント、なかなか良いのが見つからなかったり、どれがいいか迷ってしまうことってありますよね。 今回は、フォントで悩むデザイナーのために、人気の日本語フリーフォントを20個厳選してみました！ 新しいフォントから古いフォントまで様々なフォントがあるので、是非、チェックしてみてください。 1.はんなり明朝 フリーフォント界で有名な明朝体です。 不動の人気を誇っていますね。アクセス数も一番です。 →はんなり明朝 2.大甘書道体 テレビアニメ銀魂の次回予告タイトルに使われている、豪快な毛筆体です。 特に銀魂ファンには嬉しいフォントですよね！ →大甘書道体 3.あんずもじ 言わずと知れた手書きフォント。控えめな女の子が書いた文字っぽくて可愛くて人気がありますね。 →あんずもじ 4.うつくし明朝体 横書きの流れを意識して作られた明朝体フォント。 上品でリッチな雰囲気があります
【無料】集中したいときに！おすすめの作業用BGMサービスまとめ
何かの作業に集中する際に「音楽」や「音」は大切な要素です。 そこで今回は無料で聴けて、さらに作業用BGMとしても使えるとっておきのWebサービスやアプリをご紹介します。 noisli Noisliは、雨音やノイズなど、の環境音が聴けるサービスです。 BGMは「雨」「雷」「風」「森」「葉」「川」「波」「水」「火」「虫の声」「カフェ」「電車」「風車」「ホワイトノイズ」「ピンクノイズ」「ブラウンノイズ」の16種類。 環境音を単体で聴くのはもちろん、音同士を重ねたり、音量も調節できるので自分だけの環境音BGMをつくることができます。 またランダム、生産性、リラックスなどのテーマもあり、自分で決められない人はそのボタンをクリックするだけで、そのテーマにあった環境音ができあがります。 → noisli またNoisliはiOSアプリにも対応しており、下記からダウンロード（240円）できます。 → iP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://creive.me/archives/5818/