At 332 meters, this is the deepest any human has ever scuba dived. Set by Ahmed Gabr in 2014.
こんにちは、Web制作会社「株式会社LIG」の代表取締役会長、ゴウです。 今回、LIGで働くWebデザイナーとディレクターにアンケートを取り、制作する際に普段参考にしているかっこいいサイトや、おしゃれなギャラリーサイトを集めてみました。 毎日仕事で使っている彼らのチョイスなので、かなり実践的で参考になる、かっこいい・おしゃれなサイトが集まったと思います。 全部で27個も集まったので、ジャンル別に分類もしました。それではいってみましょう! デザインの引き出しを増やすには? デザインの引き出しを増やすには、インプットのほかに、自分のアウトプットに対して誰かからフィードバックをもらうという方法もあります。周りに相談できる人がいなければ「スクールでの勉強」もおすすめです。 💡現役のプロからデザインを学べる「デジタルハリウッドSTUDIO by LIG」の詳細はこちらから ※このページは、2021
黄金比や黄金螺旋を使い、Webサイト、雑誌や同人誌の表紙、フライヤーなどのレイアウト、コンテンツの配置、余白のとり方、写真の構図、オブジェクトの形のデザインにうまく取り入れるデザインテクニックを紹介します。 以前に1,000ブクマ越えの「黄金比をサイトのデザインに取り入れる簡単な3つの方法」を記事にしましたが、黄金比の取り入れ方もいろいろ進化しています! What Is The Golden Ratio? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 黄金比(Golden Ratio)とは 1. 黄金比をレイアウトに使う 2. 黄金比をスペースに使う 3. 黄金比をコンテンツに使う 4. 黄金比を写真の構図に使う 5. 黄金比を形に使う エジプトのピラミッド、ダヴィンチのモナリザ、これらとTwitterやペプシのロゴとの共通点は何で
2016年5月10日 Webデザイン, ユーザビリティ, 色彩 人間は一瞬で物を識別します。研究によると、たった0.1秒で人を判別できるようです。Webサイトにおいても同じことが言え、ユーザーはWebサイトを開いて0.05秒でそのサイトが好きかどうかを判断し、そのサイトを見続けるか、閉じるかを決めるそうです。そんな大切な「第一印象」。どのようにチェックすればいいのか、考えていきましょう! ↑私が10年以上利用している会計ソフト! ぼかしテスト ぼかしテストでは、デザインをぼかした状態で確認し、強調するべき箇所が強調されているかをチェックします。 テスト方法 Photoshopを使う方法と、ブラウザーを使う方法があります。 Photoshopを使う方法 バナー広告やWebサイトのスクリーンショット画像を用意 Photoshopで フィルター>ぼかし>ぼかし(ガウス)で5〜10pxほど画像をぼ
Something went wrong, but don’t fret — let’s give it another shot.
こんにちは、ディレクターのあゆみです。いきなりですが、 クライアント「いろいろな人が閲覧できるサイトに」 ええ、わかります。でも、これだけ多種多様な環境がある中で、全てに対応するのは無理な話で……。って経験、ありませんか? ありますよね。 ぶっちゃけてしまうと、IE9以下はできるだけ対応ブラウザに入れたくないのですが、(Web制作に携わるみなさんの頷く声が聞こえる……)わたしがそう感じてしまうのは、「その人がアップデートしたら問題なく見られる」という、ユーザ側の対策案があるからです。 JSアニメーションやCSS3に影響があるかもしれませんが、もちろんサイト自体は見れるようにはなっていますし。(プログレッシブエンハンスメント対応での許可をいただいています) ただ、もっと別の環境で閲覧する人もいるわけです。 例えば、耳が遠かったり、色覚異常だったり、老眼だったり、近視だったり。 今回はそれらの
これはすごい!普通にWEB制作者としても勉強になる程使いやすいインターフェースで、これまで使ってきたどんな簡単サイト制作サービスよりシンプルで、何より使い勝手がめちゃめちゃ洗礼されたXPRS(エクスプレス)というWEBサービスをご紹介します! とにかく使いやすいさがピカイチ! これ、勉強になる部分が多いなぁと関心してしまうくらい操作方法がとにかく分かりやすい。元々は複雑なWEBページデザインをWEB上でやっちまおうなんて物だったんだから、自由度を求めると、とにかく操作がわかりにくいし、想像していた表現とはまったく違う動作をするなんて事良くありましたが、今回のXPRSは直感的に操作しても自分の想像していた通りに作れるし、日本語タイプも問題無く動作。テンプレート数とか、機能面の見劣りとか、色々他と比べてしまう部分があるにしても、それでもこの使い勝手の良さは一度試してもらう価値がある物かと思いま
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
デザイン超入門!本格的なデザイン制作はしないけど、見やすい資料やチラシを作れるようになりたい!という初心者向け ビジネスの現場で「デザイン」するのは、なにもデザイナーだけではない。 凝った制作物は専門のデザイナーに制作を依頼するとしても、あなたのビジネス、商品やサービスの宣伝広告として簡単なチラシやホームページをつくるとき、あるいは社内外のプレゼン資料をつくるとき、デザイナーでないあなたも、ちょっとした「デザイン」をやっているのである。 何も本格的にデザインを学んだり、凝った模様やイラストを作成するわけではない。しかし、見やすくて解りやすいチラシやホームページ、資料を作れるようなりたいと考えている人は多いはずだ。 デザイナーではなくても、デザインの4原則をおさえて作成すれば、ある程度すっきりとした見やすい資料を作ることができる。今回は、そんな「デザインの4原則」を紹介したい。 整列 整列は
作成:2014/09/29 更新:2014/11/01 Webデザイン > Webデザインの流行りを知るために、トレンド感のある配色や洗練されたレイアウトをつくり上げるために、知っておきたいことや方法など。他に、Web制作において今後積極的に挑戦してみたいものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 1.ネオンカラー 2.washed out 3.グラデーション 4.マテリアルデザイン 模様 5.ジオメトリー 背景 6.背景色を時間の経過で変化させる 7.スクロールで背景固定、コンテンツだけ動かす 一部に動きをつける 8.シネマグラフ 9.線画 (SVG) 10.グリッチ UI・他 11.ゴーストボタン 12.プレースホルダー 13.ローディングエフェクト 14.pushState 15.ドロアー レイアウト 16.タイルレイアウ
アニメGIFに何本か縦線を入れるだけで、アニメGIFを3D化出来ると言う信じられない話が、本日欧米で話題になっておりました。 それでは早速12連発でどうぞ! 1 2 3 4 5 6 7 8 9 10 11 12 縦線の奥行きでの位置(Y)を決めて、その前後に物をはみ出させたり引っ込めたりすることによって、人間の目があたかも本当に奥行きがあるかのように錯覚してしまうんですねぇ。 いやしかし、我々人間の脳と、こんな事を思いつく方が素晴らしい! 普段は欧米の最先端テクノロジー業界情報を配信しておりますので、twitterやFacebookページ、Google+で是非フォローをお待ちしております。 また、記事の買い取り行ってますのでKataribeも是非よろしくお願いします! GIFs: 3D pictures become possible with two straight lines
The blobby shapes you see in the 37signals logo. They are called metaballs. It’s not a typo. You can’t eat them. 37signals logo It’s a common pattern in logos. The metaball shape is actually very easy to create in any vector software. Here’s how to do it in Illustrator using basic shapes and the Pathfinder tool.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く