Slideland(スライドランド)はスライドデザインの参考導入事例をご紹介するサイトです。参考になるスライドを見つけて制作にご活用ください。シンプルなものからおしゃれなものまで幅広くご紹介しています。
2019年2月22日 CSS, JavaScript, jQuery 人間の目は動きを感知すると反射的に目が動き、意識をそちらに向けるそうです。そのため、アニメーションは要素をほんの少し動かすだけで注目を集められるという強い力を持っています。今回はそんなアニメーションを手軽に実装できるCSSやJavaScriptのライブラリーをいくつか紹介します。 ↑私が10年以上利用している会計ソフト! アニメーションを使う時に気をつけたい事 アニメーションを使えば、前後の画面に繋がりを持たせたり、ユーザーに次の動きを予測させ、安心感を与えることができます。よく使われるものが、ふんわりと画面や要素を移り変えるフェードという効果です。目の前の物が一瞬で消え、パッと新しい物が現れる…なんて、現実世界ではありえませんよね。もちろん、単純に見ていて楽しい、かっこいい、なんていう刺激を与えられます。 しかし、ユー
ロゴマルシェ(LogoMarche)は、ロゴ素材のダウンロードサイトです。ご利用はすべて無料です。 様々なデザインのロゴを取り揃えておりますので、企業ロゴや商品・サービス・ウェブサイトのロゴなどご自由にお使いください。
たまにAdobe Illustrator(以下、イラレ)を使ってイラストを描いてるのですけれど、最近コツが掴めてきたというか、イラストを描く手順(段取り?)がパターン化してきたので、まとめてみたいと思います;D。なので、イラストの描き方といっても、カタチの取り方とか、パースとかアイレベルの話はなくて、イラレのツールの使い方とか、機能の紹介がメインになります。 ※とっても古い記事なので今のイラレのツールと違う点にご留意ください。X( 描き方3つ。 ここでは、イラレのツール別に3種類の方法でイラストを描いてます。 ペンツールを使った線で描くイラスト、鉛筆ツールを使った面で描くイラスト、塗りブラシツールで描く面な線で描くイラストの3種類。 線で描くイラスト 面で描くイラスト 面な線で描くイラスト まずは下準備。 イラレで描き始める前に、いつもやってる下準備メモです。下絵の用意と、イラストを描きや
WebサイトやアプリなどのUIデザインのアイデアに困った時の参考に、そして勉強になるサイトを紹介します。 ページのレイアウト、UIのさまざまなコンポーネント、動きが気持ちいいアニメーション、実装のテクニックなど、定期的にチェックしておきたいサイトばかりです。 UI Patterns ページのレイアウト、ナビゲーション、データコンテンツ、フォーム、ユーザスクリーンなど、インタラクティブ性の高いUIデザインのさまざまな事例から、UIの問題を解決するデザインのパターンが紹介されています。 ローンチして間もないサイトですが、内容は非常に充実しています。 Collect UI DribbbleでUIデザインを探す人には、かなり便利です。日々アップロードされるDribbleのアートワークのUIデザインに関するもののみをコレクションしているサイトです。 このサイトもローンチしたばかり、登録数は2,000
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
本エントリーは、以下の目次で構成されています。 2種類のハサミと2種類のWebデザイナー Webデザインの特殊性 ビジュアルのディテールに神が宿らないWebデザイン 美しいが使えないWebデザインをしてしまう理由 Webデザイナーを支配する「強固な固定観念」と「裏の動機」 美しいビジュアルの根底にあるデザインの本質 本当に「最近のWebデザインはつまらない」のか? ミスマッチが生む不幸なWebデザイン Webデザイナーに求められる自らのスタンス Web制作会社にも求められる明確な価値観 2種類のハサミと2種類のWebデザイナー 例えば、以下のような2種類のハサミが存在するとします。 工芸品のように美しいが切れ味はよくないハサミ 見た目はそれなりだが非常によく切れるハサミ 1は、ハサミとしては売れないでしょう。ただ、それが刺激的で斬新なビジュアルであった場合には、特別な賞を取ったり、美術館に
身につける服でも仕事のプレゼンテーションでも、何かの見た目を良くしたいのなら、色は大切な要素です。ですが、オレンジと青が完璧な組み合わせだなんて、誰もが直感的に知っているわけではありません。自分の直感を信じられないなら、色彩理論の基本を理解して、それをもとに正しい色を選んでみてはどうでしょうか。 色相環を知る 上の図は基本的な色相環で、色を選ぶ際の指針になるものです。学校で見たことがあるかもしれませんが、忘れている方のために、簡単におさらいしておきましょう。 赤、青、黄色の3色が原色です。赤と黄色を混ぜると橙になります。青と黄色を混ぜると緑になります。赤と青を混ぜると紫になります。そのため、橙、緑、紫は二次色と呼ばれています。赤紫や青紫などの三次色は、原色と二次色を混ぜたものです。 すべての色には明色(明度の高い色)と暗色(明度の低い色)があります。明色は元の色に白を混ぜてできる色、暗色は
こんにちは。 今日は、大阪市阿倍野区にある「文の里(ふみのさと)商店街」の斜め上をいくポスター第二弾をご紹介します!(第一弾がみたい人はこちらから & 全てのポスターがみたいという方はこちらから) ビューティーショップ ドリアン 男のために化粧してるうちは、お子ちゃま。 もうメイクの流行、三周してもたわ。 鰹節 須崎屋 釣られて 干されて 削られて いい味出して 捨てられる。鰹節だよ人生は。 カツオからカツオ節。これって立派な出世魚ですよね? ギフトと雑貨 マエダ企画 どうして当時の私がこれを仕入れたのか、誰か知りませんか? 下村電機 もしもし下村さん?もしもし? 下村さん、テレビがつまらんのですけど。 (アフターサービスの限界に挑戦。) 大塚花店 自分を褒められるより、花を褒められるほうが嬉しいわ。 家におっても、結局花の世話してる。 アクセサリショップ999 お父ちゃん、金婚式はデパー
いろいろなデザインに使用できる 多彩な種類の素材をまとめた「50 fantastic freebies for web designers, May 2014」 デザイン制作をする時には、いろんな種類の素材を使用して作り上げていくことも多いと思います。今回はそんなシーンにおすすめのまとめ「50 fantastic freebies for web designers, May 2014」を紹介します。 (Purple UI Kit Flat Responsive web template by w3layouts) フォント、テクスチャ、UI、psd、JS、CSSといった多彩な素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 CSS 3D Flip Box – CodePen カーソルオンでオブジェクトが回転するCSS。使い方次第でいろ
2024新作 トートバッグ ROOTOTE FEATHER ROO CARO 1338 ルートート フェザールー.デリ.カロ-B エッグプラント 当ショップは国内正規品(新品)のみ取り扱いのため、安心してお買い求め頂けます。 アクティブなシーンに より軽やかさを。スタイリッシュなきれいめキルティング。羽毛のインナーで仕上げた軽いトートバッグです。お気に入りのワードローブにあわせてオシャレを楽しむ。もっと出かけしたくなるあなたに似合うトートです。広々としたつくりで、B5ファイルもしっかり収納。天マチ付きのファスナー開閉で、大きく開き中身が見やすく出し入れスムーズです。 使いやすい触り心地。大人っぽさのある光沢感&高級感のあるつくりです。両サイドにルーポケット付き。両サイドのルーポケットは中で繋がった一つのポケット。左右どちら側からもスマートに中身を出し入れできる優れものです。また、寒い日には
いつもうまくいかないのでメモ。 カンタンにフリーハンドで線を引きます。注目すべきは右側、頭部分。 このように大きさの違う2つの円をなめらかにつなげなくてはいけません。 自分はいつもここが苦手で凸凹してしまいます。 理系の人に相談してみたところよいアドバイスがもらえたのでメモ。 2つの円だけでつなごうとするからうまくいかないのだそうです。ここで両方の円に接する第3の線を引いてやることでなめらかな曲線を確保できます。図だと緑の部分ですね。 今回は内接の円を描きました。自分はよく外接にしてしまい、Illustratorのキャンバスに入りきらない円が必要になっていて困ってたんですよね。そうか内側の線でもいいのか。と当たり前のことながら目からウロコです。 それができたら必要な辺だけ残します。一番楽チンなのはパスファインダーで「分割」ですね。そして不要なところを削除すれば勝手にキレイな辺だけ残ります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く