Save hours of UI & UX research with our library of 100,000+ fully searchable mobile & web app screenshots.
![Mobbin - The world’s largest mobile & web app design reference library](https://cdn-ak-scissors.b.st-hatena.com/image/square/010667299870dfcbd91e2b2f02c818ada9acbfab/height=288;version=1;width=512/https%3A%2F%2Fmobbin.com%2Fog_image.png%3Fv%3D2.1)
こんにちは、かんろです。 最近仕事でAdobe XDを使う機会がとても増えました。 Fireworksが開発終了になってからワイヤーやカンプはIllustrator中心で作成していて、少しのAffinity Designerを使っていた時期もあったのですが、使っていた当時は日本語入力がとても弱かったことと、周りの人とデータの共有がしにくかったのでIllustratorに戻りました。 作業の流れは、ワイヤーを書きカンプ、そしてモックアップを作りながらプロトタイプを作っていくようなイメージで進めています。これを1ファイルで済ますことができるのが個人的にとても便利! あと、なんといっても軽いのがうれしい!起動がめんどくさくないというのが地味に大きいです。 そんなAdobe XD、気になってはいたけどまだ使ってない、でも気になる!という人向けに、個人的に良いな、便利だな、と思った機能を改めてまとめ
2017.04.04 ZeplinとSlackで、ディレクターの方とのデザインに関するやりとりがスピードアップした 私はデザイナー兼フロントエンジニアです。 ZeplinとSlackを使って、ディレクターの方とのデザインに関するやりとりのスピードがとても上がったので、 どのようにやり取りをしているか紹介したいと思います。 Zeplinとは Sketch3やPhotoshopのアートボードから、レイアウト指示書を作成してデザインを確認できるツールです。 公式サイト https://zeplin.io/ Sketch3やPhotoshopから、プラグインでZeplinにデザインをアップロードして利用できます。 アップロードすると、Zeplinでは次のような画面にSketch3やPhotoshopのデザイン(アートボード)が表示されます。 オブジェクト間の距離やCSSなどが表示されます。テキスト
まるで「見えないペン」で描いているような手描き風のSVGアニメーション。CSSとJavaScriptの知識があれば実装できる、定番アニメーション表現ですが、Vivusならもっと手軽に実装できちゃいます。 90年代初期のBLINKタグから、最新のCSS3トランジションやアニメーションに至るまで、Webページやアプリケーションの要素を移動する機能は、いつも魅力的な目標であり続けています。 今日では、SVGなどのテクノロジーを使えば、「見えないペン」と呼ぶエフェクトを比較的容易に実現できます。閲覧者は、まるで見えないペンで描かれたかのように、1ラインずつ表示される絵を目にします。 そのアイデアは新しいものではありません。よく知られているように、1953年の「Duck Amuck(カモにされたカモ)」にまでさかのぼると、のちにバッグス・バニーだと判明した見えざる手は、周りの世界を何度も消しては描き
国産の厳選した素材を使い、アトリエでひとつひとつ丁寧に心を込めてお作りしています。ご指定日がない場合、最短納期でお届けいたしますが、お届けまで多少お時間を要する場合もございます。予めご了承ください。 2023/03/15 厳しい寒さも終わりを迎え、だんだんと暖かい日が増えてきましたね。 来週より短期催事出店いたします。 きっと桜も見頃だと思います。お花見のお手土産にいかがでしょうか。 皆様のご来店を心よりお待ちしております! 《開催期間》 2023年3月23日(木)〜3月29日(水) 《営業時間》 11:00〜21:00 《開催場所》 渋谷ヒカリエShinQs 地下2階 フードステージ 《アクセス》 JR・京王井の頭線「渋谷駅」と2階連絡通路で直結 東京メトロ銀座線「渋谷駅」と1階で直結 東急東横線・田園都市線・東京メトロ半蔵門線・副都心線「渋谷駅」B5出口と直結 2022/12/01 週
第1回 Web Developer Selection「レスポンシブWebデザインの実践ワークフロー」のスライドです。
株式会社ココペリ オフィスデザイン・レイアウト 3つの異なるオフィスデザインで、ワーカーが能動的に働く
こんにちは、結婚式で悪友に高校時代のポエム的なものを晒されたゆうすけです。 そういうの、本当勘弁してほしいんだよな。 先日Macの古いデータを整理していたところ、2008年頃のウェブサイトのキャプチャー画像を大量に発見。当時はWebデザイナーではなくエディトリアルデザイナーだったのですが、デザインの練習(模写)のために取り溜めていた様子。 あの頃の自分は結構真面目だったのかもしれない。 やっぱり今とだいぶ違うなー。具体的にどこが変わったのかな?と結構楽しく眺めていたのですが(どうしてアナログデジタル問わず、掃除をすると懐かしくて手が止まってしまうのか!)、せっかくなので記事としてまとめてみることにします。 当時の担当デザイナーがもしこれを見たら、恥ずかしくてたまらないかもしれないですけどね。一度世に出したものですからね。しょうがないね。 大阪府知事に橋下徹氏が就任し、船場吉兆があの伝説的な
シンプルかつ記事が読みやすい素敵な国内ブログデザインを10サイト、主観で紹介させて頂きます。 可愛いデザインのブログをお探しの方はこちらの記事へどうぞ。 ブログのデザインって作ってみると思っているよりバランスをとるのが難しくて苦戦します。 下記のサイトは記事内に画像が無くテキストオンリーでも余白の取り方が美しくて読みやすかったり、装飾の使い方が絶妙だったりと、ブログのデザインを作る上でとても参考になりますので是非目を通してください。 アインシュタインの電話番号 本の目次のようなトップページは一覧性が高くて見やすく、記事内も余白がしっかりとられていて読みやすいです。アクセスの度に変わる配色は統一感があってとても綺麗。
ブログのメインは記事本文。どんなにタイトルで惹きつけて訪問者を増やしても、肝心の記事が読みづらければ最後まで読まれないうちに離脱してしまいます。当然、シェアもしてくれないしリンクもしてくれません。 では読みやすいブログとはどのようなものでしょうか。そのひとつは、「流し読みしやすい文章」です。 読みやすいブログ記事を書くための基本とライティングテクニック 文章の改善はいますぐできることではありませんが、読み疲れさせないデザインにするのはすぐに実行できるかもしれません。 本記事では、記事本文が表示されるメインコンテンツの幅と、周囲の余白設定に焦点を絞って解説していきます。 有名どころ 18 サイトを調べて、各サイトがどれくらいの幅で記事を表示し、どのくらい余白をとっているのか調べてみました。ぜひご参考に。 2014 年に調査・公開した数値のため、参考サイトの内容が変わっている場合があります。
Sponsors Free website builder. Create a website now! EcommerceBooth is an eCommerce resource where you can find useful guides, tutorials, and exclusive deals. WPKube - learn how to get most out of WordPress. Popular Topics Companies (6,703) Freelance / Portfolios (4,828) Technology (6,562) Internet (5,264) Marketing (4,812) Lifestyle (3,905) United States (3,078) United Kingdom (1,713) Weblogs (2,
こんにちは。井畑です。超久しぶりのブログです。 いきなりの報告ですが、このたびLogista(株)よりご縁をいただき、第3期「夫婦会議アンバサダー®︎」に就任しました! アンバサダー…いい響きですね。初め...
ベース生地を選ぶところから、刺繍タイプ、プリントタイプなど、ご予算に応じてご提案します。ハードな動きや洗濯にも対応できるタフな仕上がりが基本です。 ポロシャツやTシャツのオリジナルプリント、刺繍にも対応。ベースとなるポロシャツやTシャツから選んでいただけます。持ち込みにも対応します。オリジナルマークの制作はもちろん、既製ワッペンやデザインからもチョイスできます。
作成:2014/05/19 更新:2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 1.画像読み込み時、ローディング画像を表示/jQuery 2.読み込み時に文字を動かす/jQuery ヘッダー 3.文字の拡大・縮小/jQuery 4.入力補助/jQuery 5.伸縮するサーチボックス/jQuery コンテンツ 6.中心に水平線を入れる/CSS 7.均等に並べる/段組み/CSS 8.コンテンツが現れた時にアニメーションさせる/jQuery 9.マウスホバーで画像を拡大しキャプションを出す/jQuery 10.マ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く